From 533c53f56c5a339774d85098bc83e0e8ce57eda3 Mon Sep 17 00:00:00 2001
From: Yannic Kilcher <yk@users.noreply.github.com>
Date: Tue, 18 Apr 2023 06:20:26 +0200
Subject: [PATCH] Added "try our assistant" to dashboard to avoid confusing new
 users (#2694)

needs to be made prettier still, but I suspect lots of users come to the
website and don't know where to chat and might go to "create initial
prompt"
---
 website/src/pages/dashboard.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/website/src/pages/dashboard.tsx b/website/src/pages/dashboard.tsx
index 544caa3024..cdbd283372 100644
--- a/website/src/pages/dashboard.tsx
+++ b/website/src/pages/dashboard.tsx
@@ -1,4 +1,4 @@
-import { Card, CardBody, Flex } from "@chakra-ui/react";
+import { Button, Card, CardBody, Flex, Heading } from "@chakra-ui/react";
 import Head from "next/head";
 import { useTranslation } from "next-i18next";
 import { useMemo } from "react";
@@ -7,9 +7,11 @@ import { getDashboardLayout } from "src/components/Layout";
 import { get } from "src/lib/api";
 import { AvailableTasks, TaskCategory } from "src/types/Task";
 export { getDefaultServerSideProps as getStaticProps } from "src/lib/defaultServerSideProps";
+import Link from "next/link";
 import { XPBar } from "src/components/Account/XPBar";
 import { TaskCategoryItem } from "src/components/Dashboard/TaskOption";
 import { useCurrentLocale } from "src/hooks/locale/useCurrentLocale";
+import { getEnv } from "src/lib/browserEnv";
 import { API_ROUTES } from "src/lib/routes";
 import useSWR from "swr";
 
@@ -33,6 +35,18 @@ const Dashboard = () => {
       </Head>
       <Flex direction="column" gap="10">
         <WelcomeCard />
+
+        {getEnv().ENABLE_CHAT && (
+          <Flex direction="column" gap={4}>
+            <Heading size="lg">{t("index:try_our_assistant")}</Heading>
+            <Link href="/chat" aria-label="Chat">
+              <Button variant="solid" colorScheme="blue" px={5} py={6}>
+                {t("index:try_our_assistant")}
+              </Button>
+            </Link>
+          </Flex>
+        )}
+
         <TaskOption content={availableTaskTypes} />
         <Card>
           <CardBody>