Merge pull request #1152 from boxwise/fix/box-reconciliation-alert-style

BoxReconciliation: Fix AYS Alert Style
boxwise · Dec 8, 2023 · 826621e · 826621e
2 parents 37caaad + 87bf127
commit 826621e
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/front/src/components/BoxReconciliationOverlay/BoxReconciliationOverlay.tsx b/front/src/components/BoxReconciliationOverlay/BoxReconciliationOverlay.tsx
@@ -17,6 +17,7 @@ import { SHIPMENT_BY_ID_WITH_PRODUCTS_AND_LOCATIONS_QUERY } from "queries/querie
 import { UPDATE_SHIPMENT_WHEN_RECEIVING } from "queries/mutations";
 import { useNavigate } from "react-router-dom";
 import { AreYouSureDialog as BoxUndeliveredAYS } from "components/AreYouSure";
+import { chakra } from "@chakra-ui/react";
 import {
   BoxReconciliationView,
   ILocationData,
@@ -226,9 +227,14 @@ export function BoxReconciliationOverlay({
       <BoxUndeliveredAYS
         title="Box Not Delivered?"
         body={
-          "Confirming this means that this box never arrived as part of this shipment." +
-          " " +
-          "We’ll record this as NotDelivered and remove it from the shipment receive list."
+          <chakra.span>
+            Confirming this means that this box never arrived as part of this shipment. We’ll record
+            this as{" "}
+            <chakra.span color="red.500" fontWeight="semibold">
+              NotDelivered
+            </chakra.span>{" "}
+            and remove it from the shipment receive list.
+          </chakra.span>
         }
         rightButtonProps={{
           colorScheme: "red",