Refactor NavBar component to accept dynamic buttons and update HomePa…

…ge to use new props

Sources/octockup.client/src/components/NavBar/NavBar.tsx

@@ -1,9 +1,20 @@
+interface NavButton {
+  path: string;
+  icon: JSX.Element;
+}
+
 interface NavBarProps {
-  iLikeTypeScript: boolean;
+  buttons: NavButton[];
 }
 
 const NavBar: React.FC<NavBarProps> = (props) => {
-  return <>I like TypeScript: {props.iLikeTypeScript.toString()}</>;
+  return (
+    <>
+      {props.buttons.map((button, index) => (
+        <button key={index}>{button.icon}</button>
+      ))}
+    </>
+  );
 };
 
 export default NavBar;

Sources/octockup.client/src/pages/HomePage.tsx

@@ -3,14 +3,16 @@ import { Routes, Route } from "react-router-dom";
 import { Dashboard, NavBar, Profile } from "../components";
 
 const HomePage: React.FC = () => {
+  const navButtons = [{ path: "/dashboard", icon: <button></button> }];
+
   return (
     <div className={styles.container}>
       <Routes>
         <Route path="/" element={<Dashboard />} />
         <Route path="/profile" element={<Profile />} />
         <Route path="/dashboard" element={<Dashboard />} />
       </Routes>
-      <NavBar iLikeTypeScript={true} />
+      <NavBar buttons={navButtons} />
     </div>
   );
 };