From 9b2e0a6857e60e9267a443b355fbbc17d2d0f285 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Thu, 5 Sep 2024 19:31:03 +0100
Subject: [PATCH] help page fixed

---
 .../layout/components/header/header-menus/MenuInner.tsx  | 7 ++++++-
 src/app/modules/help/HelpPage.tsx                        | 9 ++++++---
 src/app/routing/AppRoutes.tsx                            | 2 --
 src/app/routing/PrivateRoutes.tsx                        | 2 ++
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/_digifi/layout/components/header/header-menus/MenuInner.tsx b/src/_digifi/layout/components/header/header-menus/MenuInner.tsx
index 853da62..d288812 100644
--- a/src/_digifi/layout/components/header/header-menus/MenuInner.tsx
+++ b/src/_digifi/layout/components/header/header-menus/MenuInner.tsx
@@ -2,12 +2,17 @@ import {useIntl} from 'react-intl'
 import {MenuItem} from './MenuItem'
 import {MenuInnerWithSub} from './MenuInnerWithSub'
 import {MegaMenu} from './MegaMenu'
+import { useLocation } from 'react-router-dom'
 
 export function MenuInner() {
   const intl = useIntl()
+  const {pathname} = useLocation()
+  const isHelpPath = pathname == '/help'
   return (
     <>
-      <MenuItem title={intl.formatMessage({id: 'MENU.DASHBOARD'})} to='/dashboard' />
+      {/* <MenuItem title={intl.formatMessage({id: 'MENU.DASHBOARD'})} to='/dashboard' /> */} 
+      <MenuItem title={`${isHelpPath ? 'Help' : 'Dashboard'}`} to={`${isHelpPath ? '/help' : '/dashboard'}`} />
+
       {/* <MenuItem title='Layout Builder' to='/builder' /> */}
       <MenuInnerWithSub
         title='Crafted'
diff --git a/src/app/modules/help/HelpPage.tsx b/src/app/modules/help/HelpPage.tsx
index d2e95b6..d54d447 100644
--- a/src/app/modules/help/HelpPage.tsx
+++ b/src/app/modules/help/HelpPage.tsx
@@ -1,8 +1,11 @@
+import { Content } from "../../../_digifi/layout/components/content";
 
 export default function HelpPage() {
   return (
-    <div className="w-100 h-100">
-      <h1 className="fs-2hx fw-bold text-gray-800">Help</h1>
-    </div>
+    <Content>
+      <div className="w-100 h-100">
+        <h1 className="fs-2hx fw-bold text-gray-800">Help</h1>
+      </div>
+    </Content>
   )
 }
diff --git a/src/app/routing/AppRoutes.tsx b/src/app/routing/AppRoutes.tsx
index 726a838..2075ee3 100644
--- a/src/app/routing/AppRoutes.tsx
+++ b/src/app/routing/AppRoutes.tsx
@@ -11,7 +11,6 @@ import {PrivateRoutes} from './PrivateRoutes'
 import {ErrorsPage} from '../modules/errors/ErrorsPage'
 import {Logout, AuthPage, useAuth} from '../modules/auth'
 import {App} from '../App'
-import HelpPage from '../modules/help/HelpPage'
 
 /**
  * Base URL of the website.
@@ -27,7 +26,6 @@ const AppRoutes: FC = () => {
       <Routes>
         <Route element={<App />}>
           <Route path='error/*' element={<ErrorsPage />} />
-          <Route path='/help' element={<HelpPage />} />
           <Route path='logout' element={<Logout />} />
           {currentUser ? (
             <>
diff --git a/src/app/routing/PrivateRoutes.tsx b/src/app/routing/PrivateRoutes.tsx
index 5f679d3..8bba4a3 100644
--- a/src/app/routing/PrivateRoutes.tsx
+++ b/src/app/routing/PrivateRoutes.tsx
@@ -6,6 +6,7 @@ import { DashboardWrapper } from "../pages/dashboard/DashboardWrapper";
 // import {MenuTestPage} from '../pages/MenuTestPage'
 import { getCSSVariableValue } from "../../_digifi/assets/ts/_utils";
 import { WithChildren } from "../../_digifi/helpers";
+import HelpPage from "../modules/help/HelpPage";
 // import BuilderPageWrapper from '../pages/layout-builder/BuilderPageWrapper'
 
 const PrivateRoutes = () => {
@@ -98,6 +99,7 @@ const PrivateRoutes = () => {
             </SuspensedView>
           }
         />
+        <Route path='/help' element={<HelpPage />} />
         {/* Page Not Found */}
         <Route path="*" element={<Navigate to="/error/404" />} />
       </Route>
-- 
2.34.1