diff --git a/website/src/components/Dashboard/TaskOption.tsx b/website/src/components/Dashboard/TaskOption.tsx index e73a06c8..fd4bef2b 100644 --- a/website/src/components/Dashboard/TaskOption.tsx +++ b/website/src/components/Dashboard/TaskOption.tsx @@ -1,4 +1,16 @@ -import { Box, Flex, GridItem, Heading, SimpleGrid, Text, useColorModeValue } from "@chakra-ui/react"; +import { + Box, + Flex, + GridItem, + Heading, + IconButton, + Link as ExternalLink, + SimpleGrid, + Spacer, + Text, + useColorModeValue, +} from "@chakra-ui/react"; +import { HelpCircle } from "lucide-react"; import Link from "next/link"; import { useMemo } from "react"; import { TaskType } from "src/types/Task"; @@ -27,9 +39,15 @@ export const TaskOption = ({ content }: TasksOptionProps) => { {Object.entries(content).map(([category, taskTypes]) => (
- - {TaskCategoryLabels[category]} - + + + {TaskCategoryLabels[category]} + + + + } /> + + {taskTypes .map((taskType) => taskInfoMap[taskType])