From 87a6628ee22f314b5dd0fa4045e63f35f25b7300 Mon Sep 17 00:00:00 2001
From: Desmond Grealy <grealydesmond@gmail.com>
Date: Wed, 4 Jan 2023 03:23:38 -0800
Subject: [PATCH] Fix a few more key errors

---
 website/src/components/Dashboard/SideMenu.tsx   | 6 +++---
 website/src/components/Dashboard/TaskOption.tsx | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/website/src/components/Dashboard/SideMenu.tsx b/website/src/components/Dashboard/SideMenu.tsx
index 8b21b71f..30a45777 100644
--- a/website/src/components/Dashboard/SideMenu.tsx
+++ b/website/src/components/Dashboard/SideMenu.tsx
@@ -37,15 +37,15 @@ export function SideMenu() {
         className="grid grid-cols-4 gap-2 sm:flex sm:flex-col sm:justify-between p-4 h-full"
       >
         <nav className="grid grid-cols-3 col-span-3 sm:flex sm:flex-col gap-2">
-          {buttonOptions.map((item) => (
+          {buttonOptions.map((item, itemIndex) => (
             <Tooltip
-              key="Tooltip"
+              key={itemIndex}
               fontFamily="inter"
               label={item.label}
               placement="right"
               className="hidden lg:hidden sm:block"
             >
-              <Link key="{item.label}" href={item.pathname} style={{ textDecoration: "none" }}>
+              <Link key={`${item.label}-${itemIndex}`} href={item.pathname} style={{ textDecoration: "none" }}>
                 <Button
                   justifyContent={["center", "center", "center", "left"]}
                   gap="3"
diff --git a/website/src/components/Dashboard/TaskOption.tsx b/website/src/components/Dashboard/TaskOption.tsx
index f807f391..6b17a079 100644
--- a/website/src/components/Dashboard/TaskOption.tsx
+++ b/website/src/components/Dashboard/TaskOption.tsx
@@ -46,8 +46,8 @@ export const TaskOption = () => {
       <div>
         <Text className="text-2xl font-bold pb-4">Create</Text>
         <SimpleGrid columns={[1, 2, 2, 3, 4]} gap={4}>
-          {crTasks.map((item) => (
-            <Link key="Create Option" href={item.pathname}>
+          {crTasks.map((item, itemIndex) => (
+            <Link key={itemIndex} href={item.pathname}>
               <GridItem
                 bg={backgroundColor}
                 borderRadius="xl"
@@ -82,8 +82,8 @@ export const TaskOption = () => {
       <div>
         <Text className="text-2xl font-bold pb-4">Evaluate</Text>
         <SimpleGrid columns={[1, 2, 2, 3, 4]} gap={4}>
-          {evTasks.map((item) => (
-            <Link key="Evaluate Option" href={item.pathname}>
+          {evTasks.map((item, itemIndex) => (
+            <Link key={itemIndex} href={item.pathname}>
               <GridItem
                 bg={backgroundColor}
                 borderRadius="xl"