From b0cb6cf0477153f93199e42a286138c9246bef2b Mon Sep 17 00:00:00 2001
From: Keith Stevens <fozziethebeat@gmail.com>
Date: Tue, 24 Jan 2023 16:26:24 +0900
Subject: [PATCH] Adding an help link to the docs on the dashboard

---
 .../src/components/Dashboard/TaskOption.tsx   | 26 ++++++++++++++++---
 1 file changed, 22 insertions(+), 4 deletions(-)

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) => {
     <Box className="flex flex-col gap-14">
       {Object.entries(content).map(([category, taskTypes]) => (
         <div key={category}>
-          <Heading size="lg" className="pb-4">
-            {TaskCategoryLabels[category]}
-          </Heading>
+          <Flex>
+            <Heading size="lg" className="pb-4">
+              {TaskCategoryLabels[category]}
+            </Heading>
+            <Spacer />
+            <ExternalLink href="https://projects.laion.ai/Open-Assistant/" isExternal>
+              <IconButton variant="ghost" aria-label="More Information" icon={<HelpCircle size="2em" />} />
+            </ExternalLink>
+          </Flex>
           <SimpleGrid columns={[1, 1, 2, 2, 3, 4]} gap={4}>
             {taskTypes
               .map((taskType) => taskInfoMap[taskType])