From ef4fb0a5277ee99bd0f1747b77e733ef7f02460d Mon Sep 17 00:00:00 2001 From: flu0r1ne Date: Wed, 6 Sep 2023 19:53:23 -0500 Subject: Make BreadCrumbs domain agnostic --- components/Breadcrumbs/breadcrumbs.module.scss | 15 ------- components/Breadcrumbs/index.tsx | 56 -------------------------- 2 files changed, 71 deletions(-) delete mode 100644 components/Breadcrumbs/breadcrumbs.module.scss delete mode 100644 components/Breadcrumbs/index.tsx (limited to 'components/Breadcrumbs') diff --git a/components/Breadcrumbs/breadcrumbs.module.scss b/components/Breadcrumbs/breadcrumbs.module.scss deleted file mode 100644 index 6facea4..0000000 --- a/components/Breadcrumbs/breadcrumbs.module.scss +++ /dev/null @@ -1,15 +0,0 @@ -.crumb { - font-size: 1.10rem; -} - -.divider { - font-size: 1.0rem; -} - -.crumb { - align-content: center; -} - -.divider { - margin: 0 0.3rem; -} diff --git a/components/Breadcrumbs/index.tsx b/components/Breadcrumbs/index.tsx deleted file mode 100644 index d773b33..0000000 --- a/components/Breadcrumbs/index.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import React, { Children, FC } from "react"; -import Link from "next/link"; -import styles from './breadcrumbs.module.scss'; -import clsx from 'clsx'; - -export type BreadcrumbsProps = { - className?: string; - style?: object; - children: React.ReactNode; -}; - -const Breadcrumbs : FC = ({children, className, ...props}) => ( - - {Children.map(children, (child, index) => { - return ( - <> - { - index !== 0 ? ( - / - ) : undefined - } - {child} - - ); - })} - -); - -export type CrumbProps = { - children: React.ReactNode; -}; - -const Crumb : FC = ({children, ...props}) => ( - - {children} - -); - -export type LinkCrumbProps = { - href: string; - children: React.ReactNode; -} - -const LinkCrumb : FC = ({children, href, ...props}) => ( - - - {children} - - -); - -export { - Crumb, - Breadcrumbs, - LinkCrumb -}; -- cgit v1.2.3