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

@@ -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"

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>
   );
 };

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"