diff options
| author | Miqdad <ahmadmiqdad27@gmail.com> | 2025-08-26 12:29:24 +0700 |
|---|---|---|
| committer | Miqdad <ahmadmiqdad27@gmail.com> | 2025-08-26 12:29:24 +0700 |
| commit | 8290efa6a098cdef393c255b8384de9c60803f04 (patch) | |
| tree | 581a904fec80fe58e11013d56fee76f25e9a25ab /src-migrate/modules/product-detail/components/Breadcrumb.tsx | |
| parent | 2403eae1686c565364691022d294123a16f4f031 (diff) | |
<Miqdad> Detail product done
Diffstat (limited to 'src-migrate/modules/product-detail/components/Breadcrumb.tsx')
| -rw-r--r-- | src-migrate/modules/product-detail/components/Breadcrumb.tsx | 8 |
1 files changed, 2 insertions, 6 deletions
diff --git a/src-migrate/modules/product-detail/components/Breadcrumb.tsx b/src-migrate/modules/product-detail/components/Breadcrumb.tsx index d495b77b..0e263fe9 100644 --- a/src-migrate/modules/product-detail/components/Breadcrumb.tsx +++ b/src-migrate/modules/product-detail/components/Breadcrumb.tsx @@ -26,18 +26,15 @@ const Breadcrumb = ({ id, name }: Props) => { .join(' / ') : ''; - // ===== MOBILE: Home + .. + lastCat + product (truncate) ===== if (isMobile) { const crumbsMobile: React.ReactNode[] = []; - // Home crumbsMobile.push( <Link href='/' className='text-danger-500 shrink-0' key='home'> Home </Link> ); - // Indicator kategori tersembunyi (tanpa slash bawaan) if (hasHidden) { crumbsMobile.push( <span @@ -64,7 +61,7 @@ const Breadcrumb = ({ id, name }: Props) => { ); } - // Nama produk (dipotong bila tidak muat) + // Nama produk (dipotong kalau gk muat) crumbsMobile.push( <span className='truncate min-w-0 flex-1' title={name} key='product'> {name} @@ -85,7 +82,7 @@ const Breadcrumb = ({ id, name }: Props) => { ); } - // ===== DESKTOP: biarkan seperti semula ===== + // ===== DESKTOP ===== if (isDesktop) { return ( <div className='line-clamp-2 md:line-clamp-1 leading-7 text-caption-1'> @@ -113,7 +110,6 @@ const Breadcrumb = ({ id, name }: Props) => { ); } - // Fallback → layout desktop return ( <div className='line-clamp-2 md:line-clamp-1 leading-7 text-caption-1'> <Link href='/' className='text-danger-500'> |
