fix(Breadcrumbs): refactor

IQSS · Apr 18, 2023 · 1e1c54b · 1e1c54b
1 parent 80565f6
commit 1e1c54b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/src/sections/ui/breadcrumb/Breadcrumb.tsx b/src/sections/ui/breadcrumb/Breadcrumb.tsx
@@ -1,6 +1,11 @@
 import { Breadcrumb as BreadcrumbBS } from 'react-bootstrap'
 import { PropsWithChildren } from 'react'
+import { BreadcrumbItem } from './BreadcrumbItem'
 
-export function Breadcrumb({ children }: PropsWithChildren) {
+function Breadcrumb({ children }: PropsWithChildren) {
   return <BreadcrumbBS>{children}</BreadcrumbBS>
 }
+
+Breadcrumb.Item = BreadcrumbItem
+
+export { Breadcrumb }
diff --git a/src/sections/ui/tabs/tab/Tab.tsx → src/sections/ui/tabs/Tab.tsx b/src/sections/ui/tabs/tab/Tab.tsx → src/sections/ui/tabs/Tab.tsx
diff --git a/src/sections/ui/tabs/Tabs.tsx b/src/sections/ui/tabs/Tabs.tsx
@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react'
-import { Tab } from './tab/Tab'
+import { Tab } from './Tab'
 import { Tabs as TabsBS } from 'react-bootstrap'
 
 interface TabsProps {

diff --git a/src/stories/ui/breadcrumb/Breadcrumb.stories.tsx b/src/stories/ui/breadcrumb/Breadcrumb.stories.tsx
@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react'
 import { Breadcrumb } from '../../../sections/ui/breadcrumb/Breadcrumb'
-import { BreadcrumbItem } from '../../../sections/ui/breadcrumb/BreadcrumbItem'
 
 /**
  * ## Description
@@ -30,9 +29,9 @@ export const Default: Story = {
   render: () => (
     <>
       <Breadcrumb>
-        <BreadcrumbItem href="/link-1">Breadcrumb Item 1</BreadcrumbItem>
-        <BreadcrumbItem href="/link-2">Breadcrumb Item 2</BreadcrumbItem>
-        <BreadcrumbItem active>Breadcrumb Item 3</BreadcrumbItem>
+        <Breadcrumb.Item href="/link-1">Breadcrumb Item 1</Breadcrumb.Item>
+        <Breadcrumb.Item href="/link-2">Breadcrumb Item 2</Breadcrumb.Item>
+        <Breadcrumb.Item active>Breadcrumb Item 3</Breadcrumb.Item>
       </Breadcrumb>
     </>
   )