From 4f88f0113b780cdfccd15ec4961cc41bfd49b9b8 Mon Sep 17 00:00:00 2001
From: Josue <josue.quilon-barrios@senecacollege.ca>
Date: Mon, 31 May 2021 12:39:56 -0400
Subject: [PATCH] refactor: turn drawer icons and header icons into buttons and
 add URIs

---
 striker-ui/components/AnvilDrawer.tsx | 11 ++++++++++-
 striker-ui/components/Header.tsx      | 23 ++++++++++++++++-------
 striker-ui/lib/consts/ICONS.ts        | 11 +++++++----
 3 files changed, 33 insertions(+), 12 deletions(-)

diff --git a/striker-ui/components/AnvilDrawer.tsx b/striker-ui/components/AnvilDrawer.tsx
index de3ed149..c6470c99 100644
--- a/striker-ui/components/AnvilDrawer.tsx
+++ b/striker-ui/components/AnvilDrawer.tsx
@@ -43,7 +43,16 @@ const AnvilDrawer = ({ open, setOpen }: DrawerProps): JSX.Element => {
           <Divider className={classes.divider} />
           {ICONS.map(
             (icon): JSX.Element => (
-              <ListItem button key={icon.image}>
+              <ListItem
+                button
+                key={icon.image}
+                component="a"
+                href={
+                  icon.uri.search(/^https?:/) !== -1
+                    ? icon.uri
+                    : `${process.env.NEXT_PUBLIC_API_URL}${icon.uri}`
+                }
+              >
                 <Box display="flex" flexDirection="row" width="100%">
                   <Box>
                     <img
diff --git a/striker-ui/components/Header.tsx b/striker-ui/components/Header.tsx
index 25b333ed..3f5ee5ac 100644
--- a/striker-ui/components/Header.tsx
+++ b/striker-ui/components/Header.tsx
@@ -58,13 +58,22 @@ const Header = (): JSX.Element => {
           <Box className={`${classes.barElement} ${classes.icons}`}>
             {ICONS.map(
               (icon): JSX.Element => (
-                <img
-                  alt=""
-                  key="icon"
-                  src={icon.image}
-                  // eslint-disable-next-line react/jsx-props-no-spreading
-                  {...ICON_SIZE}
-                />
+                <a
+                  key={icon.uri}
+                  href={
+                    icon.uri.search(/^https?:/) !== -1
+                      ? icon.uri
+                      : `${process.env.NEXT_PUBLIC_API_URL}${icon.uri}`
+                  }
+                >
+                  <img
+                    alt=""
+                    key="icon"
+                    src={icon.image}
+                    // eslint-disable-next-line react/jsx-props-no-spreading
+                    {...ICON_SIZE}
+                  />
+                </a>
               ),
             )}
           </Box>
diff --git a/striker-ui/lib/consts/ICONS.ts b/striker-ui/lib/consts/ICONS.ts
index cd892dde..9b807830 100644
--- a/striker-ui/lib/consts/ICONS.ts
+++ b/striker-ui/lib/consts/ICONS.ts
@@ -2,34 +2,37 @@ export const ICONS = [
   {
     text: 'Files',
     image: '/pngs/files_on.png',
+    uri: '/striker?files=true',
   },
   {
     text: 'Tasks',
     image: '/pngs/tasks_no-jobs_icon.png',
+    uri: '/striker?jobs=true',
   },
   {
     text: 'Configure',
     image: '/pngs/configure_icon_on.png',
+    uri: '/striker?configure=true',
   },
   {
     text: 'Striker',
     image: '/pngs/striker_icon_on.png',
+    uri: '/striker?striker=true',
   },
   {
     text: 'Anvil',
     image: '/pngs/anvil_icon_on.png',
+    uri: '/striker?anvil=true',
   },
   {
     text: 'Email',
     image: '/pngs/email_on.png',
-  },
-  {
-    text: 'Users',
-    image: '/pngs/users_icon_on.png',
+    uri: '/striker?email=true',
   },
   {
     text: 'Help',
     image: '/pngs/help_icon_on.png',
+    uri: 'https://alteeve.com/w/Support',
   },
 ];