diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-06-06 09:42:23 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-06-06 09:42:23 +0700 |
| commit | d941c429ce185d6bb67c603d2bdb3017cdd79ae8 (patch) | |
| tree | 81c354ff2d2d6d585ea29095eba846fc0b4fb9bc /src-migrate/modules/cart/components | |
| parent | 68a3c897edef3f42a339d92ed8d663039f3ddfc7 (diff) | |
<iman> add feature SNI-TKDN
Diffstat (limited to 'src-migrate/modules/cart/components')
| -rw-r--r-- | src-migrate/modules/cart/components/Item.tsx | 59 |
1 files changed, 4 insertions, 55 deletions
diff --git a/src-migrate/modules/cart/components/Item.tsx b/src-migrate/modules/cart/components/Item.tsx index fed11eb0..6ded6373 100644 --- a/src-migrate/modules/cart/components/Item.tsx +++ b/src-migrate/modules/cart/components/Item.tsx @@ -4,8 +4,7 @@ import { Skeleton, SkeletonProps, Tooltip } from '@chakra-ui/react' import { InfoIcon } from 'lucide-react' import Image from 'next/image' import Link from 'next/link' -import ImageNext from 'next/image'; -import { useEffect, useState } from 'react'; + import { PROMO_CATEGORY } from '~/constants/promotion' import formatCurrency from '~/libs/formatCurrency' import { createSlug } from '~/libs/slug' @@ -21,31 +20,6 @@ type Props = { } const CartItem = ({ item, editable = true }: Props) => { - const [isSni, setIsSni] = useState(false); - const [isTkdn, setTkdn] = useState(false); - - useEffect(() => { - const fetchData = async () => { - try { - const responseSni = await fetch('URL_API_SNI'); - const dataSni = await responseSni.json(); - setIsSni(dataSni && dataSni.sni); - - const responseTkdn = await fetch('URL_API_TKDN'); - const dataTkdn = await responseTkdn.json(); - setTkdn(dataTkdn && dataTkdn.tkdn); - } catch (error) { - console.error('Error fetching data:', error); - setIsSni(false); - setTkdn(false); - } - }; - - fetchData(); - - return () => {}; - }, []); - return ( <div className={style.wrapper}> {item.cart_type === 'promotion' && ( @@ -72,7 +46,7 @@ const CartItem = ({ item, editable = true }: Props) => { {editable && <CartItemSelect item={item} />} <div className='w-4' /> - <CartItem.Image item={item} isSni={isSni} isTkdn={isTkdn} /> + <CartItem.Image item={item} /> <div className={style.details}> <CartItem.Name item={item} /> @@ -124,7 +98,7 @@ const CartItem = ({ item, editable = true }: Props) => { ) } -CartItem.Image = function CartItemImage({ item, isSni, isTkdn }: { item: CartItemProps, isSni: boolean, isTkdn: boolean }) { +CartItem.Image = function CartItemImage({ item }: { item: CartItemProps }) { const image = item?.image || item?.parent?.image return ( @@ -142,31 +116,6 @@ CartItem.Image = function CartItemImage({ item, isSni, isTkdn }: { item: CartIte className={style.image} > {image && <Image src={image} alt={item.name} width={128} height={128} />} - - <div className="relative top-2 right-4 flex"> - {/* <div className="gambarB mr-1 bg-red-100"> */} - {!isSni && ( - <ImageNext - src="/images/sni-logo.png" - alt="SNI Logo" - className="w-4 h-3 object-contain object-top sm:h-4" - width={50} - height={50} - /> - )} - {/* </div> */} - {/* <div className="gambarC bg-red-500"> */} - {!isTkdn && ( - <ImageNext - src="/images/TKDN.png" - alt="TKDN" - className="w-10 h-5 object-contain object-top ml-1 mr-1 sm:h-10" - width={50} - height={50} - /> - )} - {/* </div> */} - </div> {!image && <div className={style.noImage}>No Image</div>} </Link> )} @@ -204,4 +153,4 @@ CartItem.Skeleton = function CartItemSkeleton(props: SkeletonProps & { count: nu )) } -export default CartItem +export default CartItem
\ No newline at end of file |
