chore(temp): hide about and contact navigation

joshxfi · Mar 12, 2022 · f068a92 · f068a92
1 parent a305282
commit f068a92
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 20 deletions.
diff --git a/src/components/Nav/NavMenu.tsx b/src/components/Nav/NavMenu.tsx
@@ -1,12 +1,6 @@
 import React, { Fragment } from 'react';
 import { Popover, Transition } from '@headlessui/react';
-import {
-  AiFillContacts,
-  AiFillHome,
-  AiFillInfoCircle,
-  AiFillGithub,
-  AiFillSwitcher,
-} from 'react-icons/ai';
+import { AiFillHome, AiFillGithub, AiFillSwitcher } from 'react-icons/ai';
 
 import { MenuBtn } from '@/components/Button';
 import { useAuth } from '@/contexts/AuthContext';
@@ -19,16 +13,16 @@ const NavMenu = () => {
       route: user ? 'home' : '',
       Icon: AiFillHome,
     },
-    {
-      label: 'About',
-      route: 'about',
-      Icon: AiFillInfoCircle,
-    },
-    {
-      label: 'Contact',
-      route: 'contact',
-      Icon: AiFillContacts,
-    },
+    // {
+    //   label: 'About',
+    //   route: 'about',
+    //   Icon: AiFillInfoCircle,
+    // },
+    // {
+    //   label: 'Contact',
+    //   route: 'contact',
+    //   Icon: AiFillContacts,
+    // },
     {
       label: 'GitHub',
       href: 'https://github.com/joshxfi/trackAsOne',
@@ -60,7 +54,7 @@ const NavMenu = () => {
           >
             <Popover.Panel className='absolute top-14 right-0 flex w-[150px] flex-col space-y-4 overflow-hidden rounded bg-white p-2 text-sm text-primary shadow-md ring-1 ring-black ring-opacity-5'>
               {menuItems.map((props) => (
-                <MenuBtn {...props} />
+                <MenuBtn key={props.label} {...props} />
               ))}
             </Popover.Panel>
           </Transition>

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -11,8 +11,8 @@ const Navbar: React.FC = () => {
 
   const navItems = [
     { name: 'Home', href: user ? '/home' : '/' },
-    { name: 'About', href: '/about' },
-    { name: 'Contact', href: '/contact' },
+    // { name: 'About', href: '/about' },
+    // { name: 'Contact', href: '/contact' },
   ];
 
   return (

diff --git a/src/components/Room/Task.tsx b/src/components/Room/Task.tsx
@@ -354,6 +354,7 @@ const Task = ({ task }: { task: ITask }) => {
           <div className={`task-indicator ${displayIndicator()}`} />
           {task.imgUrls.map((url) => (
             <button
+              key={url}
               type='button'
               onClick={() => {
                 setDisplayImage(url);