From ee0b5893ac039ab05fe8247647364a923d707da3 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Fri, 5 Jan 2024 09:30:08 +0700
Subject: Fixing UI cart page

---
 src-migrate/modules/cart/components/Detail.tsx     | 83 ----------------------
 src-migrate/modules/cart/components/ItemSelect.tsx |  3 +-
 src-migrate/modules/cart/styles/detail.module.css  |  3 -
 .../modules/cart/styles/item-promo.module.css      |  2 +-
 4 files changed, 3 insertions(+), 88 deletions(-)
 delete mode 100644 src-migrate/modules/cart/components/Detail.tsx
 delete mode 100644 src-migrate/modules/cart/styles/detail.module.css

(limited to 'src-migrate/modules/cart')

diff --git a/src-migrate/modules/cart/components/Detail.tsx b/src-migrate/modules/cart/components/Detail.tsx
deleted file mode 100644
index ccb0bb4d..00000000
--- a/src-migrate/modules/cart/components/Detail.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import style from '../styles/detail.module.css'
-
-import React, { useEffect, useMemo } from 'react'
-import Link from 'next/link'
-import { Button, Tooltip } from '@chakra-ui/react'
-
-import { getAuth } from '~/common/libs/auth'
-import { useCartStore } from '../stores/useCartStore'
-
-import CartItem from './Item'
-import CartSummary from './Summary'
-
-const CartDetail = () => {
-  const auth = getAuth()
-
-  const { loadCart, cart, summary } = useCartStore()
-
-  useEffect(() => {
-    if (typeof auth === 'object' && !cart) loadCart(auth.id)
-  }, [auth, loadCart, cart])
-
-  const hasSelectedPromo = useMemo(() => {
-    if (!cart) return false
-    for (const item of cart.products) {
-      if (item.cart_type === 'promotion' && item.selected) return true
-    }
-    return false
-  }, [cart])
-
-  const hasSelected = useMemo(() => {
-    if (!cart) return false
-    for (const item of cart.products) {
-      if (item.selected) return true
-    }
-    return false
-  }, [cart])
-
-  return (
-    <div className={style.wrapper}>
-      <div className='w-full md:w-3/4'>
-        <div className=''>
-          <div className='text-h-lg font-semibold mb-6'>Keranjang Belanja</div>
-          <div className='grid grid-cols-1 gap-y-4'>
-            {!cart && <CartItem.Skeleton count={5} height='120px' />}
-          </div>
-          <div className='flex flex-col gap-y-8 border-t border-gray-300 pt-8'>
-            {cart?.products.map((item) => <CartItem key={item.id} item={item} />)}
-          </div>
-        </div>
-      </div>
-
-      <div className='w-full md:w-1/4 md:pl-6 mt-6 md:mt-0'>
-        <div className='border border-gray-300 p-4 rounded-md sticky top-[180px]'>
-          <CartSummary {...summary} isLoaded={!!cart} />
-          <div className='grid grid-cols-2 gap-x-3 mt-6'>
-            <Tooltip label={hasSelectedPromo ? 'Barang promo tidak dapat dibuat quotation' : ''}>
-              <Button
-                colorScheme='yellow'
-                w='full'
-                isDisabled={hasSelectedPromo || !hasSelected}
-              >
-                Quotation
-              </Button>
-            </Tooltip>
-            <Tooltip label={hasSelected ? '' : 'Tidak ada item yang dipilih'}>
-              <Button
-                colorScheme='red'
-                w='full'
-                isDisabled={!hasSelected}
-                as={Link}
-                href='/shop/checkout'
-              >
-                Checkout
-              </Button>
-            </Tooltip>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default CartDetail
\ No newline at end of file
diff --git a/src-migrate/modules/cart/components/ItemSelect.tsx b/src-migrate/modules/cart/components/ItemSelect.tsx
index 96e7c713..10d7493a 100644
--- a/src-migrate/modules/cart/components/ItemSelect.tsx
+++ b/src-migrate/modules/cart/components/ItemSelect.tsx
@@ -27,10 +27,11 @@ const CartItemSelect = ({ item }: Props) => {
   }
 
   return (
-    <div className='w-5 my-auto'>
+    <div className='w-6 my-auto'>
       {isLoad && (
         <Spinner className='my-auto' size='sm' />
       )}
+
       {!isLoad && (
         <Checkbox
           borderColor='gray.600'
diff --git a/src-migrate/modules/cart/styles/detail.module.css b/src-migrate/modules/cart/styles/detail.module.css
deleted file mode 100644
index 42d492bb..00000000
--- a/src-migrate/modules/cart/styles/detail.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.wrapper {
-    @apply flex flex-wrap;
-}
diff --git a/src-migrate/modules/cart/styles/item-promo.module.css b/src-migrate/modules/cart/styles/item-promo.module.css
index 5bc192c0..15bf8146 100644
--- a/src-migrate/modules/cart/styles/item-promo.module.css
+++ b/src-migrate/modules/cart/styles/item-promo.module.css
@@ -1,5 +1,5 @@
 .wrapper {
-    @apply md:ml-12 ml-8 mt-4 flex;
+    @apply md:ml-16 ml-8 mt-4 flex;
 }
 
 .imageWrapper {
-- 
cgit v1.2.3


From f62b2345f463695ef0f8f79830cd76b6e0332821 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Sat, 13 Jan 2024 10:35:22 +0700
Subject: Refactor src migrate folder

---
 src-migrate/modules/cart/components/Item.tsx       | 4 ++--
 src-migrate/modules/cart/components/ItemAction.tsx | 4 ++--
 src-migrate/modules/cart/components/ItemPromo.tsx  | 2 +-
 src-migrate/modules/cart/components/ItemSelect.tsx | 4 ++--
 src-migrate/modules/cart/components/Summary.tsx    | 4 ++--
 src-migrate/modules/cart/stores/useCartStore.ts    | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

(limited to 'src-migrate/modules/cart')

diff --git a/src-migrate/modules/cart/components/Item.tsx b/src-migrate/modules/cart/components/Item.tsx
index baf48bb6..08823d19 100644
--- a/src-migrate/modules/cart/components/Item.tsx
+++ b/src-migrate/modules/cart/components/Item.tsx
@@ -7,8 +7,8 @@ import { InfoIcon } from 'lucide-react'
 
 import { PROMO_CATEGORY } from '~/constants/promotion'
 
-import formatCurrency from '~/common/libs/formatCurrency'
-import { CartItem as CartItemProps } from '~/common/types/cart'
+import formatCurrency from '~/libs/formatCurrency'
+import { CartItem as CartItemProps } from '~/types/cart'
 
 import CartItemPromo from './ItemPromo'
 import CartItemAction from './ItemAction'
diff --git a/src-migrate/modules/cart/components/ItemAction.tsx b/src-migrate/modules/cart/components/ItemAction.tsx
index 3e264aef..859c758c 100644
--- a/src-migrate/modules/cart/components/ItemAction.tsx
+++ b/src-migrate/modules/cart/components/ItemAction.tsx
@@ -5,8 +5,8 @@ import React, { useEffect, useState } from 'react'
 import { Spinner, Tooltip } from '@chakra-ui/react'
 import { MinusIcon, PlusIcon, Trash2Icon } from 'lucide-react'
 
-import { CartItem } from '~/common/types/cart'
-import { getAuth } from '~/common/libs/auth'
+import { CartItem } from '~/types/cart'
+import { getAuth } from '~/libs/auth'
 import { deleteUserCart, upsertUserCart } from '~/services/cart'
 
 import { useDebounce } from 'usehooks-ts'
diff --git a/src-migrate/modules/cart/components/ItemPromo.tsx b/src-migrate/modules/cart/components/ItemPromo.tsx
index bb286e8b..bc507578 100644
--- a/src-migrate/modules/cart/components/ItemPromo.tsx
+++ b/src-migrate/modules/cart/components/ItemPromo.tsx
@@ -3,7 +3,7 @@ import style from '../styles/item-promo.module.css'
 import Image from 'next/image'
 import React from 'react'
 
-import { CartProduct } from '~/common/types/cart'
+import { CartProduct } from '~/types/cart'
 
 type Props = {
   product: CartProduct
diff --git a/src-migrate/modules/cart/components/ItemSelect.tsx b/src-migrate/modules/cart/components/ItemSelect.tsx
index 10d7493a..1d8886a2 100644
--- a/src-migrate/modules/cart/components/ItemSelect.tsx
+++ b/src-migrate/modules/cart/components/ItemSelect.tsx
@@ -1,8 +1,8 @@
 import { Checkbox, Spinner } from '@chakra-ui/react'
 import React, { useState } from 'react'
 
-import { getAuth } from '~/common/libs/auth'
-import { CartItem } from '~/common/types/cart'
+import { getAuth } from '~/libs/auth'
+import { CartItem } from '~/types/cart'
 import { upsertUserCart } from '~/services/cart'
 
 import { useCartStore } from '../stores/useCartStore'
diff --git a/src-migrate/modules/cart/components/Summary.tsx b/src-migrate/modules/cart/components/Summary.tsx
index a835bca9..2e55c8df 100644
--- a/src-migrate/modules/cart/components/Summary.tsx
+++ b/src-migrate/modules/cart/components/Summary.tsx
@@ -1,8 +1,8 @@
 import style from '../styles/summary.module.css'
 
 import React from 'react'
-import formatCurrency from '~/common/libs/formatCurrency'
-import clsxm from '~/common/libs/clsxm'
+import formatCurrency from '~/libs/formatCurrency'
+import clsxm from '~/libs/clsxm'
 import { Skeleton } from '@chakra-ui/react'
 import _ from 'lodash'
 
diff --git a/src-migrate/modules/cart/stores/useCartStore.ts b/src-migrate/modules/cart/stores/useCartStore.ts
index 0643b8e6..3d9a0aed 100644
--- a/src-migrate/modules/cart/stores/useCartStore.ts
+++ b/src-migrate/modules/cart/stores/useCartStore.ts
@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import { CartProps } from '~/common/types/cart';
+import { CartProps } from '~/types/cart';
 import { getUserCart } from '~/services/cart';
 
 type State = {
-- 
cgit v1.2.3