✨ feat: Breadcrumb Common

src/components/common/BreadcrumbCommon/BreadcrumbCommon.tsx

@@ -10,13 +10,10 @@ interface BreadcrumbCommonProps {
 }
 
 const BreadcrumbCommon = ({ crumbs, showHomePage=true } : BreadcrumbCommonProps) => {
-    if (showHomePage) {
-        crumbs.unshift({link: "/", name: "Home"});
-    }
     return (
         <section className={s.breadcrumbCommon}>
             {
-                crumbs.map((crumb, i) => {
+                showHomePage && crumbs[0].link==="/" && crumbs.map((crumb, i) => {
                     if (i === 0) {
                         return (
                             <BreadcrumbItem key={crumb.name} text={crumb.name} href={crumb.link} />
@@ -36,6 +33,31 @@ const BreadcrumbCommon = ({ crumbs, showHomePage=true } : BreadcrumbCommonProps)
                     )
                 })
             }
+
+            {
+                !showHomePage && crumbs.map((crumb, i) => {
+                    if (i === 0) {
+                        return
+                    }
+                    if (i === 1) {
+                        return (
+                            <BreadcrumbItem key={crumb.name} text={crumb.name} href={crumb.link} />
+                        )
+                    }
+                    if (i === crumbs.length-1) {
+                        return (
+                            <BreadcrumbSeparator key={crumb.name}>
+                                <span>{crumb.name}</span>
+                            </BreadcrumbSeparator>
+                        )
+                    }
+                    return (
+                        <BreadcrumbSeparator key={crumb.name}>
+                            <BreadcrumbItem text={crumb.name} href={crumb.link} />
+                        </BreadcrumbSeparator>
+                    )
+                })
+            }
         </section>
     )
 }