diff options
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'> |
