From 85d1621a0dfaccc66fa4fd9f46dd6665dc47bdd9 Mon Sep 17 00:00:00 2001
From: zuies <zurabichkhikvadze66@gmail.com>
Date: Thu, 6 Jul 2023 10:05:45 +0400
Subject: [PATCH] implement communityHealth route

---
 src/components/layouts/Sidebar.tsx      | 48 +++++++------------------
 src/components/layouts/xs/SidebarXs.tsx |  2 +-
 src/pages/communityHealth.tsx           | 10 ++++++
 3 files changed, 24 insertions(+), 36 deletions(-)
 create mode 100644 src/pages/communityHealth.tsx

diff --git a/src/components/layouts/Sidebar.tsx b/src/components/layouts/Sidebar.tsx
index a920483f..fb419d46 100644
--- 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
index 8f26129b..bed2f8be 100644
--- 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
new file mode 100644
index 00000000..0b283461
--- /dev/null
+++ 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;