fix: remove white space

bigcommerce · May 10, 2023 · 66f29cf · 66f29cf
1 parent 83863f8
commit 66f29cf
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/apps/storefront/src/pages/orderDetail/components/OrderShoppingList.tsx b/apps/storefront/src/pages/orderDetail/components/OrderShoppingList.tsx
@@ -4,6 +4,7 @@ import { Box, ListItemText, MenuItem, MenuList, useTheme } from '@mui/material'
 
 import { B3Dialog, B3Sping, CustomButton } from '@/components'
 import { b3HexToRgb } from '@/components/outSideComponents/utils/b3CustomStyles'
+import { useMobile } from '@/hooks'
 import { GlobaledContext } from '@/shared/global'
 import { getB2BShoppingList, getBcShoppingList } from '@/shared/service/b2b'
 
@@ -43,6 +44,7 @@ export default function OrderShoppingList(props: OrderShoppingListProps) {
   } = useContext(GlobaledContext)
 
   const theme = useTheme()
+  const [isMobile] = useMobile()
   const primaryColor = theme.palette.primary.main
 
   const [list, setList] = useState([])
@@ -113,9 +115,16 @@ export default function OrderShoppingList(props: OrderShoppingListProps) {
     >
       <B3Sping isSpinning={isLoading} isFlex={false}>
         <Box
-          sx={{
-            height: '430px',
-          }}
+          sx={
+            isMobile
+              ? {
+                  height: '430px',
+                }
+              : {
+                  padding: isLoading ? '4rem 0' : 'unset',
+                  maxHeight: '430PX',
+                }
+          }
         >
           <MenuList
             sx={{

diff --git a/apps/storefront/src/pages/quote/components/QuoteDetailSummary.tsx b/apps/storefront/src/pages/quote/components/QuoteDetailSummary.tsx
@@ -52,7 +52,11 @@ export default function QuoteDetailSummary(props: QuoteDetailSummaryProps) {
               }}
             >
               <Typography>Discount amount</Typography>
-              <Typography>{`-${priceFormat(+discount)}`}</Typography>
+              <Typography>
+                {+discount > 0
+                  ? `-${priceFormat(+discount)}`
+                  : priceFormat(+discount)}
+              </Typography>
             </Grid>
             <Grid
               container