implement communityHealth route

TogetherCrew · Jul 13, 2023 · 85d1621 · 85d1621
1 parent 57bba6b
commit 85d1621
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 36 deletions.
diff --git a/src/components/layouts/Sidebar.tsx b/src/components/layouts/Sidebar.tsx
@@ -19,7 +19,6 @@ import {
 
 import { useRouter } from 'next/router';
 import Link from 'next/link';
-import { Tooltip, Typography } from '@mui/material';
 import useAppStore from '../../store/useStore';
 import { StorageService } from '../../services/StorageService';
 import { IUser } from '../../utils/types';
@@ -54,7 +53,7 @@ const Sidebar = () => {
     },
     {
       name: 'Community Health',
-      path: '/community-health',
+      path: '/communityHealth',
       icon: (
         <FontAwesomeIcon
           icon={faHeartPulse}
@@ -76,39 +75,18 @@ const Sidebar = () => {
 
   const menuItem = menuItems.map((el) => (
     <li key={el.name} className="py-4">
-      {el.path === '/community-health' ? (
-        <>
-          <Tooltip
-            title={<Typography fontSize={14}>Coming soon</Typography>}
-            arrow
-            placement="right"
-          >
-            <div
-              className={
-                currentRoute === el.path
-                  ? 'py-2 rounded-xl text-center bg-white hover:bg-white ease-in delay-75 cursor-pointer'
-                  : 'py-2 rounded-xl text-center hover:bg-white ease-in delay-75 cursor-pointer'
-              }
-            >
-              {el.icon}
-            </div>
-          </Tooltip>
-          <p className="text-center text-sm">{el.name}</p>
-        </>
-      ) : (
-        <Link href={el.path}>
-          <div
-            className={
-              currentRoute === el.path
-                ? 'py-2 rounded-xl text-center bg-white hover:bg-white ease-in delay-75 cursor-pointer'
-                : 'py-2 rounded-xl text-center hover:bg-white ease-in delay-75 cursor-pointer'
-            }
-          >
-            {el.icon}
-          </div>
-          <p className="text-center text-sm">{el.name}</p>
-        </Link>
-      )}
+      <Link href={el.path}>
+        <div
+          className={
+            currentRoute === el.path
+              ? 'py-2 rounded-xl text-center bg-white hover:bg-white ease-in delay-75 cursor-pointer'
+              : 'py-2 rounded-xl text-center hover:bg-white ease-in delay-75 cursor-pointer'
+          }
+        >
+          {el.icon}
+        </div>
+        <p className="text-center text-sm">{el.name}</p>
+      </Link>
     </li>
   ));
 

diff --git a/src/components/layouts/xs/SidebarXs.tsx b/src/components/layouts/xs/SidebarXs.tsx
@@ -57,7 +57,7 @@ const Sidebar = () => {
     },
     {
       name: 'Community Health',
-      path: '/t',
+      path: '/communityHealth',
       icon: (
         <FontAwesomeIcon
           icon={faHeartPulse}

diff --git a/src/pages/communityHealth.tsx b/src/pages/communityHealth.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import { defaultLayout } from '../layouts/defaultLayout';
+
+function communityHealth() {
+  return <div>communityHealth</div>;
+}
+
+communityHealth.pageLayout = defaultLayout;
+
+export default communityHealth;