<miqdad> disable button when updating checkboxes and change summary design

1 files changed, 8 insertions, 20 deletions

diff --git a/src-migrate/modules/cart/components/Summary.tsx b/src-migrate/modules/cart/components/Summary.tsx
index b4fbab6b..68db6323 100644
--- a/src-migrate/modules/cart/components/Summary.tsx
+++ b/src-migrate/modules/cart/components/Summary.tsx
@@ -40,8 +40,6 @@ const CartSummary = ({
     grandTotal: 0,
   });
 
-  const bgHighlight = useColorModeValue('red.50', 'red.900');
-
   // This fixes hydration issues by ensuring the component only renders fully after mounting
   useEffect(() => {
     setIsMounted(true);
@@ -156,15 +154,7 @@ const CartSummary = ({
   } = summaryValues;
 
   return (
-    <Box
-      className={style.summaryContainer}
-      p={4}
-      borderWidth='1px'
-      borderRadius='lg'
-      boxShadow='sm'
-      position='sticky'
-      top='170px'
-    >
+    <div className={style.summaryContainer}>
       <Text fontSize='lg' fontWeight='medium' mb={4}>
         Ringkasan Pesanan
       </Text>
@@ -208,17 +198,15 @@ const CartSummary = ({
         <div className={style.divider} />
 
         <Skeleton isLoaded={isLoaded}>
-          <Box className={style.line} p={2} borderRadius='md' bg={bgHighlight}>
-            <span className={clsxm(style.label, style.grandTotal)}>
-              Grand Total
-            </span>
-            <span className={clsxm(style.value, style.grandTotalValue)}>
-              Rp {formatCurrency(displayGrandTotal)}
-            </span>
-          </Box>
+          <span className={clsxm(style.label, style.grandTotal)}>
+            Grand Total
+          </span>
+          <span className={clsxm(style.value, style.grandTotalValue)}>
+            Rp {formatCurrency(displayGrandTotal)}
+          </span>
         </Skeleton>
       </div>
-    </Box>
+    </div>
   );
 };