Updated Navlink

the-curve-consulting · Feb 15, 2024 · 38e811a · 38e811a
1 parent 9991ea9
commit 38e811a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 21 deletions.
diff --git a/example/components/MainNav.tsx b/example/components/MainNav.tsx
@@ -1,32 +1,16 @@
 import { NavLink } from 'react-router-dom';
-import Nav from 'react-bootstrap/Nav';
+import { NavItem, NavContext } from '@the-curve-consulting/texmo-react-components';
 
 export interface NavItemProps {
   route: string;
   label: string;
   icon: string;
 }
 
-const NavItem = ({ route, label, icon }: NavItemProps) => {
-  const linkClass = (isActive: boolean): string => {
-    return isActive ? 'nav-link active' : 'nav-link link-dark';
-  };
-
-  return (
-    <Nav.Item>
-      <NavLink to={route} className={({ isActive }) => linkClass(isActive)}>
-        <i className={`bi bi-${icon} d-block`} />
-        {label}
-      </NavLink>
-      <hr />
-    </Nav.Item>
-  );
-};
-
 const Navbar = () => {
   return (
-    <>
-      <NavItem 
+    <NavContext.Provider value={NavLink}>
+      <NavItem
         route={'/'} 
         icon={'house'}
         label={'Home'}
@@ -41,7 +25,7 @@ const Navbar = () => {
         icon={'list-task'}
         label={'List'}
       />
-    </>
+    </NavContext.Provider>
   )
 }
 

diff --git a/example/package-lock.json b/example/package-lock.json