feat: expired quotes cannt checkout

bigcommerce · Mar 10, 2023 · 11d4d70 · 11d4d70
1 parent 943d9bf
commit 11d4d70
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 29 deletions.
diff --git a/apps/storefront/src/pages/quote/QuoteDetail.tsx b/apps/storefront/src/pages/quote/QuoteDetail.tsx
@@ -406,6 +406,7 @@ const QuoteDetail = () => {
               quoteId={quoteDetail.id}
               role={role}
               isAgenting={isAgenting}
+              status={quoteDetail.status}
             />
           )
         }

diff --git a/apps/storefront/src/pages/quote/components/QuoteDetailFooter.tsx b/apps/storefront/src/pages/quote/components/QuoteDetailFooter.tsx
@@ -20,13 +20,15 @@ interface QuoteDetailFooterProps {
   quoteId: string,
   role: string | number,
   isAgenting: boolean,
+  status: number,
 }
 
 const QuoteDetailFooter = (props: QuoteDetailFooterProps) => {
   const {
     quoteId,
     role,
     isAgenting,
+    status,
   } = props
   const [isMobile] = useMobile()
 
@@ -60,35 +62,40 @@ const QuoteDetailFooter = (props: QuoteDetailFooterProps) => {
   }
 
   return (
-    <Box
-      sx={{
-        position: 'fixed',
-        bottom: isMobile && isAgenting ? '52px' : 0,
-        left: 0,
-        backgroundColor: '#fff',
-        width: '100%',
-        padding: '0.8rem 1rem',
-        height: 'auto',
-        display: 'flex',
-        zIndex: '999',
-        justifyContent: isMobile ? 'center' : 'flex-end',
-        displayPrint: 'none',
-        ...containerStyle,
-      }}
-    >
-      <Button
-        variant="contained"
-        onClick={() => {
-          handleQuoteCheckout()
-        }}
-        sx={{
-          width: isMobile ? '100%' : 'auto',
-        }}
-      >
-        Proceed to checkout
-      </Button>
-    </Box>
-
+    <>
+      {
+        (status !== 5) && (
+          <Box
+            sx={{
+              position: 'fixed',
+              bottom: isMobile && isAgenting ? '52px' : 0,
+              left: 0,
+              backgroundColor: '#fff',
+              width: '100%',
+              padding: '0.8rem 1rem',
+              height: 'auto',
+              display: 'flex',
+              zIndex: '999',
+              justifyContent: isMobile ? 'center' : 'flex-end',
+              displayPrint: 'none',
+              ...containerStyle,
+            }}
+          >
+            <Button
+              variant="contained"
+              onClick={() => {
+                handleQuoteCheckout()
+              }}
+              sx={{
+                width: isMobile ? '100%' : 'auto',
+              }}
+            >
+              Proceed to checkout
+            </Button>
+          </Box>
+        )
+      }
+    </>
   )
 }