diff --git a/lib/pages/carton/carton_editor.dart b/lib/pages/carton/carton_editor.dart
index 7f975cf..29840ae 100644
--- a/lib/pages/carton/carton_editor.dart
+++ b/lib/pages/carton/carton_editor.dart
@@ -16,6 +16,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_vector_icons/flutter_vector_icons.dart';
 import '../main/util.dart';
 import 'carton_editor_for_package.dart';
+import 'carton_info.dart';
 import 'mix_carton/mix_carton_editor.dart';
 import 'carton_row.dart';
 
@@ -63,10 +64,7 @@ class _CartonEditorState extends State<CartonEditor> {
       _carton = Carton(cargoTypes: [], packages: []);
       _isNew = true;
       _selectedCartonType = carton_from_packages;
-      _cartons = [
-        Carton(cartonNumber: "A177(A)-3#2", cartonWeight: 35.5),
-        Carton(cartonNumber: "A177(A)-3#1", cartonWeight: 25.5)
-      ];
+      _cartons = [];
       _sender = User(
           name: "ptd-phyo44 kaelone",
           fcsID: "FCS-8X6V",
@@ -159,7 +157,9 @@ class _CartonEditorState extends State<CartonEditor> {
                     context,
                     CupertinoPageRoute(
                         builder: (context) => CartonEditorForPackage(
-                            sender: _sender!, consignee: _consignee!,billToValue: _billToValue)));
+                            sender: _sender!,
+                            consignee: _consignee!,
+                            billToValue: _billToValue)));
               }
               // for mix cartion
               else {
@@ -293,7 +293,9 @@ class _CartonEditorState extends State<CartonEditor> {
                   padding: const EdgeInsets.only(left: 10),
                   child: LocalText(context, 'box.bill_to_sender',
                       fontSize: 15,
-                      color: _billToValue == billToSender ? primaryColor : Colors.black),
+                      color: _billToValue == billToSender
+                          ? primaryColor
+                          : Colors.black),
                 ),
               )
             ]),
@@ -320,7 +322,9 @@ class _CartonEditorState extends State<CartonEditor> {
                     padding: const EdgeInsets.only(left: 10),
                     child: LocalText(context, 'box.bill_to.consignee',
                         fontSize: 15,
-                        color: _billToValue == billToConsignee ? primaryColor : Colors.black),
+                        color: _billToValue == billToConsignee
+                            ? primaryColor
+                            : Colors.black),
                   ),
                 )
               ]),
@@ -372,8 +376,15 @@ class _CartonEditorState extends State<CartonEditor> {
   }
 
   List<Widget> _getCartons(BuildContext context, List<Carton> cartons) {
-    return cartons.asMap().entries.map((c) {
-      return InkWell(onTap: () async {}, child: CartonRow(box: c.value));
+    return cartons.map((c) {
+      return InkWell(
+          onTap: () async {
+            Navigator.push(
+              context,
+              CupertinoPageRoute(builder: (context) => CartonInfo(box: c)),
+            );
+          },
+          child: CartonRow(box: c));
     }).toList();
   }
 }