From 8d6d50fbc821450f1c1071ca59dae26fbd7e426c Mon Sep 17 00:00:00 2001
From: Mohamed Wael <khelilwael@gmail.com>
Date: Wed, 8 Jul 2020 11:33:50 +0100
Subject: [PATCH] Add/edit tracking number (#562)

* edit tracking number button

* Update snapshot

* Update messages

Co-authored-by: Krzysztof Wolski <krzysztof.k.wolski@gmail.com>
---
 locale/defaultMessages.json                   |   4 +
 .../OrderFulfillment/OrderFulfillment.tsx     |  10 +
 .../__snapshots__/Stories.test.ts.snap        | 180 ++++++++++++++++++
 3 files changed, 194 insertions(+)

diff --git a/locale/defaultMessages.json b/locale/defaultMessages.json
index 57e0a2a67..b2a35b697 100644
--- a/locale/defaultMessages.json
+++ b/locale/defaultMessages.json
@@ -2544,6 +2544,10 @@
     "context": "product name",
     "string": "Product"
   },
+  "src_dot_orders_dot_components_dot_OrderFulfillment_dot_2211099657": {
+    "context": "fulfillment group tracking number",
+    "string": "Edit tracking"
+  },
   "src_dot_orders_dot_components_dot_OrderFulfillment_dot_2796503714": {
     "context": "ordered product quantity",
     "string": "Quantity"
diff --git a/src/orders/components/OrderFulfillment/OrderFulfillment.tsx b/src/orders/components/OrderFulfillment/OrderFulfillment.tsx
index f0445f870..52ec5e04b 100644
--- a/src/orders/components/OrderFulfillment/OrderFulfillment.tsx
+++ b/src/orders/components/OrderFulfillment/OrderFulfillment.tsx
@@ -292,6 +292,16 @@ const OrderFulfillment: React.FC<OrderFulfillmentProps> = props => {
           </Button>
         </CardActions>
       )}
+      {status === FulfillmentStatus.FULFILLED && fulfillment.trackingNumber && (
+        <CardActions>
+          <Button color="primary" onClick={onTrackingCodeAdd}>
+            <FormattedMessage
+              defaultMessage="Edit tracking"
+              description="fulfillment group tracking number"
+            />
+          </Button>
+        </CardActions>
+      )}
     </Card>
   );
 };
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 13528ecfb..115dc1a0b 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -68067,6 +68067,21 @@ exports[`Storyshots Views / Orders / Order details default 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"
@@ -69244,6 +69259,21 @@ exports[`Storyshots Views / Orders / Order details fulfilled 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"
@@ -71052,6 +71082,21 @@ exports[`Storyshots Views / Orders / Order details no customer note 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"
@@ -72229,6 +72274,21 @@ exports[`Storyshots Views / Orders / Order details no payment 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"
@@ -73406,6 +73466,21 @@ exports[`Storyshots Views / Orders / Order details no shipping address 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"
@@ -74583,6 +74658,21 @@ exports[`Storyshots Views / Orders / Order details partially fulfilled 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"
@@ -75760,6 +75850,21 @@ exports[`Storyshots Views / Orders / Order details payment confirmed 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"
@@ -76937,6 +77042,21 @@ exports[`Storyshots Views / Orders / Order details payment error 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"
@@ -78114,6 +78234,21 @@ exports[`Storyshots Views / Orders / Order details pending payment 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"
@@ -79291,6 +79426,21 @@ exports[`Storyshots Views / Orders / Order details refunded payment 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"
@@ -80468,6 +80618,21 @@ exports[`Storyshots Views / Orders / Order details rejected payment 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"
@@ -81645,6 +81810,21 @@ exports[`Storyshots Views / Orders / Order details unfulfilled 1`] = `
               </tbody>
             </table>
           </div>
+          <div
+            class="MuiCardActions-root-id MuiCardActions-spacing-id"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiButton-root-id MuiButton-text-id MuiButton-textPrimary-id"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-id"
+              >
+                Edit tracking
+              </span>
+            </button>
+          </div>
         </div>
         <div
           class="CardSpacer-spacer-id"