Make BreadCrumbs domain agnostic

1 files changed, 3 insertions, 7 deletions

diff --git a/pages/wg2nd/index.tsx b/pages/wg2nd/index.tsx
index 4d3d220..3f38a12 100644
--- a/pages/wg2nd/index.tsx
+++ b/pages/wg2nd/index.tsx
@@ -9,6 +9,8 @@ import Button from '../../components/Button';
 import Markdown from '../../components/Markdown';
 import Typography from '../../components/Typography';
 
+import PathCrumbs from "../../components/PathCrumbs";
+
 import Script from 'next/script';
 
 // @ts-ignore
@@ -91,8 +93,6 @@ const Panel: React.FC<PanelProps> = ({ children, customStyle }) => (
     </section>
 );
 
-import { Breadcrumbs, LinkCrumb } from "../../components/Breadcrumbs";
-
 const Wg2nd = () => {
   const intfNameRef = useRef<HTMLInputElement>(null);
   const intfConfigRef = useRef<HTMLTextAreaElement>(null);
@@ -136,11 +136,7 @@ const Wg2nd = () => {
     >
       {/* Description */}
       <Panel>
-        <Breadcrumbs>
-          <LinkCrumb href="/">furkistan.com</LinkCrumb>
-          <LinkCrumb href="/wg2nd">wg2nd</LinkCrumb>
-        </Breadcrumbs>
-
+        <PathCrumbs path="/wg2nd" />
         <Markdown md={desc} />
       </Panel>