Merge pull request #255 from mattzcarey/feat/lc/253/add-demo--to-navbar

Feat/lc/253/add demo to navbar
mattzcarey · Sep 7, 2023 · 594b5f4 · 594b5f4
2 parents b7fa8eb + 5370f69
commit 594b5f4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/services/web-app/src/components/buttons/iconButton.tsx b/services/web-app/src/components/buttons/iconButton.tsx
@@ -11,7 +11,7 @@ const IconButton: React.FC<HeaderButtonProps> = ({ icon, to, setOpen }) => {
   return (
     <li className="group relative">
       <Link
-        className="p-1 sm:mx-10 justify-right"
+        className="p-1 sm:mx-10 text-black justify-right"
         onClick={() => setOpen && setOpen(false)}
         href={to}
       >

diff --git a/services/web-app/src/components/navbar/NavItems.tsx b/services/web-app/src/components/navbar/NavItems.tsx
@@ -1,5 +1,5 @@
 "use client";
-import { HomeIcon, PersonIcon } from "@radix-ui/react-icons";
+import { HomeIcon, Pencil1Icon, PersonIcon } from "@radix-ui/react-icons";
 import { signIn, signOut, useSession } from "next-auth/react";
 import React, { Dispatch, HTMLAttributes, SetStateAction } from "react";
 
@@ -35,6 +35,11 @@ export const NavItems = ({
               to="/"
               setOpen={setOpen}
             />
+            <IconButton
+              icon={<Pencil1Icon height={20} width={20} />}
+              to="/demo"
+              setOpen={setOpen}
+            />
             <IconButton
               icon={<PersonIcon height={20} width={20} />}
               to="/profile"
@@ -55,6 +60,11 @@ export const NavItems = ({
               to="/"
               setOpen={setOpen}
             />
+            <IconButton
+              icon={<Pencil1Icon height={20} width={20} />}
+              to="/demo"
+              setOpen={setOpen}
+            />
             <BasicButton
               text="Sign In"
               onClick={async () => {