diff options
Diffstat (limited to 'src-migrate/modules/cart/ui/CartSummary.tsx')
| -rw-r--r-- | src-migrate/modules/cart/ui/CartSummary.tsx | 74 |
1 files changed, 0 insertions, 74 deletions
diff --git a/src-migrate/modules/cart/ui/CartSummary.tsx b/src-migrate/modules/cart/ui/CartSummary.tsx deleted file mode 100644 index 390c1c77..00000000 --- a/src-migrate/modules/cart/ui/CartSummary.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import React from 'react' -import style from '../styles/CartSummary.module.css' -import formatCurrency from '~/common/libs/formatCurrency' -import clsxm from '~/common/libs/clsxm' -import { Skeleton } from '@chakra-ui/react' -import _ from 'lodash' - -type Props = { - total?: number - discount?: number - subtotal?: number - tax?: number - shipping?: number - grandTotal?: number - isLoaded: boolean -} - -const CartSummary = ({ - total, - discount, - subtotal, - tax, - shipping, - grandTotal, - isLoaded = false, -}: Props) => { - return ( - <> - <div className='text-h-sm font-medium'>Ringkasan Pesanan</div> - - <div className="h-6" /> - - <div className='flex flex-col gap-y-3'> - <Skeleton isLoaded={isLoaded} className={style.line}> - <span className={style.label}>Total Belanja</span> - <span className={style.value}>Rp {formatCurrency(subtotal || 0)}</span> - </Skeleton> - - <Skeleton isLoaded={isLoaded} className={style.line}> - <span className={style.label}>Total Diskon</span> - <span className={clsxm(style.value, style.discount)}>- Rp {formatCurrency(discount || 0)}</span> - </Skeleton> - - <div className={style.divider} /> - - <Skeleton isLoaded={isLoaded} className={style.line}> - <span className={style.label}>Subtotal</span> - <span className={style.value}>Rp {formatCurrency(total || 0)}</span> - </Skeleton> - - <Skeleton isLoaded={isLoaded} className={style.line}> - <span className={style.label}>Tax 11%</span> - <span className={style.value}>Rp {formatCurrency(tax || 0)}</span> - </Skeleton> - - <Skeleton isLoaded={isLoaded} className={style.line}> - <span className={style.label}>Biaya Kirim</span> - <span className={style.value}>Rp {formatCurrency(shipping || 0)}</span> - </Skeleton> - - <div className={style.divider} /> - - <Skeleton isLoaded={isLoaded} className={style.line}> - <span className={clsxm(style.label, style.grandTotal)}> - Grand Total - </span> - <span className={style.value}>Rp {formatCurrency(grandTotal || 0)}</span> - </Skeleton> - </div> - </> - ) -} - -export default CartSummary
\ No newline at end of file |
