fix: update order details style

bigcommerce · Dec 29, 2022 · 0473c15 · 0473c15
1 parent e619926
commit 0473c15
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 7 deletions.
diff --git a/apps/storefront/src/components/B3Dialog.tsx b/apps/storefront/src/components/B3Dialog.tsx
@@ -5,6 +5,7 @@ import {
   DialogActions,
   DialogContent,
   DialogTitle,
+  Divider,
 } from '@mui/material'
 
 import {
@@ -134,10 +135,11 @@ export const B3Dialog:<T> ({
           </DialogTitle>
           )
         }
-
+        <Divider />
         <DialogContent>
           {children}
         </DialogContent>
+        <Divider />
         <DialogActions
           sx={
             isShowBordered ? {

diff --git a/apps/storefront/src/components/filter/B3FilterMore.tsx b/apps/storefront/src/components/filter/B3FilterMore.tsx
@@ -8,6 +8,7 @@ import Dialog from '@mui/material/Dialog'
 import DialogActions from '@mui/material/DialogActions'
 import DialogContent from '@mui/material/DialogContent'
 import DialogTitle from '@mui/material/DialogTitle'
+import Divider from '@mui/material/Divider'
 
 import {
   // DeepPartial,
@@ -159,6 +160,7 @@ const B3FilterMore:<T, Y> ({
         <DialogTitle id="alert-dialog-title">
           Filters
         </DialogTitle>
+        <Divider />
         <DialogContent>
           <Box
             sx={{
@@ -189,6 +191,7 @@ const B3FilterMore:<T, Y> ({
 
           </Button>
         </DialogContent>
+        <Divider />
         <DialogActions>
           <Button onClick={handleClose}>Cancel</Button>
           <Button

diff --git a/apps/storefront/src/pages/orderDetail/components/CreateShoppingList.tsx b/apps/storefront/src/pages/orderDetail/components/CreateShoppingList.tsx
@@ -146,12 +146,10 @@ const CreateShoppingList = ({
       >
         <DialogTitle
           id="alert-dialog-title"
-          sx={{
-            borderBottom: '1px solid #D9DCE9',
-          }}
         >
           Create new
         </DialogTitle>
+        <Divider />
         <DialogContent>
           <Box sx={{
             minHeight: '250px',

diff --git a/apps/storefront/src/pages/orderDetail/components/OrderDialog.tsx b/apps/storefront/src/pages/orderDetail/components/OrderDialog.tsx
@@ -222,6 +222,10 @@ export const OrderDialog: (props: OrderDialogProps) => ReactElement = ({
   }
 
   const handleSaveClick = () => {
+    if (checkedArr.length === 0) {
+      return
+    }
+
     if (type === 'shoppingList') {
       handleClose()
       setOpenShoppingList(true)

diff --git a/apps/storefront/src/pages/orderDetail/components/OrderShoppingList.tsx b/apps/storefront/src/pages/orderDetail/components/OrderShoppingList.tsx
@@ -149,12 +149,10 @@ export const OrderShoppingList = (props: orderShoppingListProps) => {
 
         <DialogTitle
           id="alert-dialog-title"
-          sx={{
-            borderBottom: '1px solid #D9DCE9',
-          }}
         >
           {dialogTitle}
         </DialogTitle>
+        <Divider />
         <DialogContent>
           <Box
             sx={{