2 files changed, 27 insertions, 18 deletions
diff --git a/src-migrate/pages/shop/cart/cart.module.css b/src-migrate/pages/shop/cart/cart.module.css
index 98a6ac86..806104be 100644
--- a/src-migrate/pages/shop/cart/cart.module.css
+++ b/src-migrate/pages/shop/cart/cart.module.css
@@ -29,3 +29,7 @@
 .summary-buttons {
     @apply grid grid-cols-2 gap-x-3 mt-6;
 }
+
+.summary-buttons-step-approval {
+    @apply grid grid-cols-1 gap-y-3 mt-6;
+}
diff --git a/src-migrate/pages/shop/cart/index.tsx b/src-migrate/pages/shop/cart/index.tsx
index 4b4de92b..d89707d2 100644
--- a/src-migrate/pages/shop/cart/index.tsx
+++ b/src-migrate/pages/shop/cart/index.tsx
@@ -16,13 +16,17 @@ import Image from '~/components/ui/image';
 
 const CartPage = () => {
   const auth = getAuth();
+  const [isStepApproval, setIsStepApproval] = React.useState(false);
 
   const { loadCart, cart, summary } = useCartStore();
 
   const useDivvice = useDevice();
 
   useEffect(() => {
-    if (typeof auth === 'object' && !cart) loadCart(auth.id);
+    if (typeof auth === 'object' && !cart) {
+      loadCart(auth.id);
+      setIsStepApproval(auth?.feature?.soApproval);
+    }
   }, [auth, loadCart, cart]);
 
   const hasSelectedPromo = useMemo(() => {
@@ -106,7 +110,7 @@ const CartPage = () => {
               <CartSummary {...summary} isLoaded={!!cart} />
             )}
 
-            <div className={style['summary-buttons']}>
+            <div className={isStepApproval ? style['summary-buttons-step-approval'] : style['summary-buttons']  }>
               <Tooltip
                 label={
                   hasSelectedPromo &&
@@ -123,23 +127,24 @@ const CartPage = () => {
                   Quotation
                 </Button>
               </Tooltip>
-
-              <Tooltip
-                label={clsxm({
-                  'Tidak ada item yang dipilih': !hasSelected,
-                  'Terdapat item yang tidak ada harga': hasSelectNoPrice,
-                })}
-              >
-                <Button
-                  colorScheme='red'
-                  w='full'
-                  isDisabled={!hasSelected || hasSelectNoPrice}
-                  as={Link}
-                  href='/shop/checkout'
+              {!isStepApproval && (
+                <Tooltip
+                  label={clsxm({
+                    'Tidak ada item yang dipilih': !hasSelected,
+                    'Terdapat item yang tidak ada harga': hasSelectNoPrice,
+                  })}
                 >
-                  Checkout
-                </Button>
-              </Tooltip>
+                  <Button
+                    colorScheme='red'
+                    w='full'
+                    isDisabled={!hasSelected || hasSelectNoPrice}
+                    as={Link}
+                    href='/shop/checkout'
+                  >
+                    Checkout
+                  </Button>
+                </Tooltip>
+              )}
             </div>
           </div>
         </div>