Add the Top component to the side bar navigator

NCI-Agency · Jan 9, 2025 · fdc4964 · fdc4964
1 parent 9b27fa6
commit fdc4964
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/client/src/components/Nav.tsx b/client/src/components/Nav.tsx
@@ -339,6 +339,15 @@ const Navigation = ({
 
       <Nav id="all-org-nav" style={{ lineHeight: "10px" }} />
 
+      <SidebarLink
+        id="top-tasks-nav"
+        linkTo="/top-tasks"
+        handleOnClick={resetPages}
+        setIsMenuLinksOpened={() => setIsMenuLinksOpened(false)}
+      >
+        {Settings.fields.regular.task.allTasksName}
+      </SidebarLink>
+
       <SidebarLink
         id="daily-rollup-nav"
         linkTo="/rollup"

diff --git a/client/src/pages/Routing.tsx b/client/src/pages/Routing.tsx
@@ -54,6 +54,7 @@ import TaskEdit from "pages/tasks/Edit"
 import MyTasks from "pages/tasks/MyTasks"
 import TaskNew from "pages/tasks/New"
 import TaskShow from "pages/tasks/Show"
+import TopTasks from "pages/tasks/Top"
 import { PAGE_URLS } from "pages/util"
 import React, { useContext } from "react"
 import { Navigate, Route, Routes } from "react-router-dom"
@@ -174,6 +175,7 @@ const Routing = () => {
           <Route path="graphiql" element={<GraphiQL />} />
         </Route>
       )}
+      <Route path={PAGE_URLS.TOP_TASKS} element={<TopTasks />} />
       <Route path={PAGE_URLS.INSIGHTS}>
         <Route path=":insight" element={<InsightsShow />} />
       </Route>

diff --git a/client/src/pages/util.ts b/client/src/pages/util.ts
@@ -16,6 +16,7 @@ export const PAGE_URLS = {
   POSITIONS: "/positions",
   TASKS: "/tasks",
   ADMIN: "/admin",
+  TOP_TASKS: "/top-tasks",
   INSIGHTS: "/insights",
   DASHBOARDS: "/dashboards",
   ONBOARDING: "/onboarding",