From 9a8d00e8ff481901b8bdfb4f9ba803b22159f18d Mon Sep 17 00:00:00 2001
From: Mitchell Magro <mitchell.magro@playnorth.com>
Date: Mon, 30 Jun 2025 09:17:45 +0200
Subject: [PATCH] Added more routing

---
 payment-iq/app/dashboard/rules/page.tsx        |  7 +++++++
 .../dashboard/header/dropDown/DropDown.tsx     |  4 ++--
 .../app/features/dashboard/sidebar/Sidebar.tsx |  4 ++--
 .../dashboard/sidebar/SidebarLink.constants.ts | 18 +++++++++++-------
 4 files changed, 22 insertions(+), 11 deletions(-)
 create mode 100644 payment-iq/app/dashboard/rules/page.tsx

diff --git a/payment-iq/app/dashboard/rules/page.tsx b/payment-iq/app/dashboard/rules/page.tsx
new file mode 100644
index 0000000..a3178fe
--- /dev/null
+++ b/payment-iq/app/dashboard/rules/page.tsx
@@ -0,0 +1,7 @@
+export default function RulesPage() {
+  return (
+    <div style={{ width: "100%" }}>
+      <h2>Rules Overview - SSR</h2>
+    </div>
+  );
+}
diff --git a/payment-iq/app/features/dashboard/header/dropDown/DropDown.tsx b/payment-iq/app/features/dashboard/header/dropDown/DropDown.tsx
index b4babda..b1f4596 100644
--- a/payment-iq/app/features/dashboard/header/dropDown/DropDown.tsx
+++ b/payment-iq/app/features/dashboard/header/dropDown/DropDown.tsx
@@ -6,7 +6,7 @@ import {
   MenuItem,
   SelectChangeEvent,
 } from "@mui/material";
-import { SIDEBAR_LINKS } from "@/app/features/dashboard/sidebar/SidebarLink.constants";
+import { PAGE_LINKS } from "@/app/features/dashboard/sidebar/SidebarLink.constants";
 import { ISidebarLink } from "@/app/features/dashboard/sidebar/SidebarLink.interfaces";
 import PageLinks from "../../../../components/PageLinks/PageLinks";
 import "./DropDown.scss";
@@ -42,7 +42,7 @@ export default function SidebarDropdown({ onChange }: Props) {
         <em className="em">Select a page</em>
         <MenuItem value="" disabled></MenuItem>
         <div className="dropdown-container">
-          {SIDEBAR_LINKS.map((link: ISidebarLink) => (
+          {PAGE_LINKS.map((link: ISidebarLink) => (
             <PageLinks key={link.path} title={link.title} path={link.path} />
           ))}
         </div>
diff --git a/payment-iq/app/features/dashboard/sidebar/Sidebar.tsx b/payment-iq/app/features/dashboard/sidebar/Sidebar.tsx
index 203842b..5c43b0f 100644
--- a/payment-iq/app/features/dashboard/sidebar/Sidebar.tsx
+++ b/payment-iq/app/features/dashboard/sidebar/Sidebar.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import DashboardIcon from "@mui/icons-material/Dashboard";
-import { SIDEBAR_LINKS } from "@/app/features/dashboard/sidebar/SidebarLink.constants";
+import { PAGE_LINKS } from "@/app/features/dashboard/sidebar/SidebarLink.constants";
 import PageLinks from "../../../components/PageLinks/PageLinks";
 import "./sideBar.scss";
 
@@ -15,7 +15,7 @@ const SideBar = () => {
           <DashboardIcon fontSize="small" className="sidebar-icon-spacing" />
         </span>
       </div>
-      {SIDEBAR_LINKS.map((link) => (
+      {PAGE_LINKS.map((link) => (
         <PageLinks
           key={link.path}
           title={link.title}
diff --git a/payment-iq/app/features/dashboard/sidebar/SidebarLink.constants.ts b/payment-iq/app/features/dashboard/sidebar/SidebarLink.constants.ts
index 38b6a59..62c143d 100644
--- a/payment-iq/app/features/dashboard/sidebar/SidebarLink.constants.ts
+++ b/payment-iq/app/features/dashboard/sidebar/SidebarLink.constants.ts
@@ -10,7 +10,7 @@ import AdminPanelSettingsIcon from "@mui/icons-material/AdminPanelSettings";
 import InsightsIcon from "@mui/icons-material/Insights";
 import { ISidebarLink } from "@/app/features/dashboard/sidebar/SidebarLink.interfaces";
 
-export const SIDEBAR_LINKS: ISidebarLink[] = [
+export const PAGE_LINKS: ISidebarLink[] = [
   { title: "Home", path: "/dashboard", icon: HomeIcon },
   {
     title: "Transaction",
@@ -19,13 +19,17 @@ export const SIDEBAR_LINKS: ISidebarLink[] = [
   },
   { title: "Approve", path: "/dashboard/approve", icon: CheckCircleIcon },
   { title: "Investigate", path: "/dashboard/investigate", icon: SearchIcon },
-  { title: "KYC", path: "/kyc", icon: VerifiedUserIcon },
-  { title: "User Accounts", path: "/user-accounts", icon: PeopleIcon },
+  { title: "KYC", path: "/dashboard/kyc", icon: VerifiedUserIcon },
+  {
+    title: "User Accounts",
+    path: "/dashboard/user-accounts",
+    icon: PeopleIcon,
+  },
   // { title: 'Analytics', path: '/analytics', icon: BarChartIcon },
-  { title: "Rules", path: "/rules", icon: GavelIcon },
-  { title: "Rules Hub", path: "/rules-hub", icon: HubIcon },
-  { title: "Admin", path: "/admin", icon: AdminPanelSettingsIcon },
-  { title: "Account IQ", path: "/account-iq", icon: InsightsIcon },
+  { title: "Rules", path: "/dashboard/rules", icon: GavelIcon },
+  { title: "Rules Hub", path: "/dashboard/rules-hub", icon: HubIcon },
+  { title: "Admin", path: "/dashboard/admin", icon: AdminPanelSettingsIcon },
+  { title: "Account IQ", path: "/dashboard/account-iq", icon: InsightsIcon },
   // { title: 'Documentation', path: '/documentation', icon: DescriptionIcon },
   // { title: 'Support', path: '/support', icon: SupportAgentIcon },
   // { title: 'System Status', path: '/system-status', icon: WarningAmberIcon },