From d3965750bec06b6954db7afaf105eebab37eb573 Mon Sep 17 00:00:00 2001 From: owen-duncan-snobel <43126781+owen-duncan-snobel@users.noreply.github.com> Date: Mon, 20 Feb 2023 13:08:08 -0500 Subject: [PATCH] Added guidelines to sidebar (#1757) I added the guidelines tab to the sidebar. I also updated the '?' links to point to corresponding guidelines page / sections Screenshot 2023-02-20 at 3 20 23 AM Corresponding '?' had the links also updated Screenshot 2023-02-20 at 3 20 43 AM Screenshot 2023-02-20 at 3 20 58 AM --- .../src/components/Dashboard/TaskOption.tsx | 2 +- website/src/components/Layout.tsx | 72 ++++++++++--------- website/src/components/SideMenu.tsx | 8 ++- website/src/components/Tasks/TaskTypes.tsx | 14 ++-- 4 files changed, 55 insertions(+), 41 deletions(-) diff --git a/website/src/components/Dashboard/TaskOption.tsx b/website/src/components/Dashboard/TaskOption.tsx index 55236b93c1..cad5573651 100644 --- a/website/src/components/Dashboard/TaskOption.tsx +++ b/website/src/components/Dashboard/TaskOption.tsx @@ -49,7 +49,7 @@ export const TaskOption = ({ content }: TasksOptionProps) => { {t(TaskCategoryLabels[category])} - + } /> diff --git a/website/src/components/Layout.tsx b/website/src/components/Layout.tsx index 4023beb915..768ed06a4d 100644 --- a/website/src/components/Layout.tsx +++ b/website/src/components/Layout.tsx @@ -1,7 +1,7 @@ // https://nextjs.org/docs/basic-features/layouts import { Box, Grid } from "@chakra-ui/react"; -import { Activity, BarChart2, Layout, MessageSquare, Settings, Users, TrendingUp } from "lucide-react"; +import { Activity, BarChart2, HelpCircle, Layout, MessageSquare, Settings, Users, TrendingUp } from "lucide-react"; import type { NextPage } from "next"; import { Header } from "src/components/Header"; @@ -33,37 +33,45 @@ export const getTransparentHeaderLayout = (page: React.ReactElement) => ( export const getDashboardLayout = (page: React.ReactElement) => (
- - - {page} - - - - - + + + + {page} + + + + + + ); diff --git a/website/src/components/SideMenu.tsx b/website/src/components/SideMenu.tsx index 6988d1fc0b..5fa21e7dbd 100644 --- a/website/src/components/SideMenu.tsx +++ b/website/src/components/SideMenu.tsx @@ -9,6 +9,7 @@ export interface MenuButtonOption { labelID: string; pathname: string; icon: LucideIcon; + target?: HTMLAnchorElement["target"]; } export interface SideMenuProps { @@ -37,7 +38,12 @@ export function SideMenu(props: SideMenuProps) { placement="right" className="hidden lg:hidden sm:block" > - +