From 02c2e8932528bb38821f58fe09223198c2c07946 Mon Sep 17 00:00:00 2001
From: Meliora Ho <nho10@fordham.edu>
Date: Fri, 29 Mar 2024 17:10:04 +0000
Subject: [PATCH] made more changes

---
 compass/app/admin/page.tsx                           | 4 ++--
 compass/components/{admin => }/PageLayout.tsx        | 0
 compass/components/{admin => }/Table/Index.tsx       | 0
 compass/components/{admin => }/Table/RowAction.tsx   | 0
 compass/components/{admin => }/Table/TableAction.tsx | 0
 compass/components/{admin => }/Table/users.json      | 0
 compass/components/resource/Sidebar.tsx              | 2 +-
 compass/components/resource/SidebarItem.tsx          | 5 +++--
 8 files changed, 6 insertions(+), 5 deletions(-)
 rename compass/components/{admin => }/PageLayout.tsx (100%)
 rename compass/components/{admin => }/Table/Index.tsx (100%)
 rename compass/components/{admin => }/Table/RowAction.tsx (100%)
 rename compass/components/{admin => }/Table/TableAction.tsx (100%)
 rename compass/components/{admin => }/Table/users.json (100%)

diff --git a/compass/app/admin/page.tsx b/compass/app/admin/page.tsx
index 8e4d918..b6461ae 100644
--- a/compass/app/admin/page.tsx
+++ b/compass/app/admin/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import { PageLayout } from "@/components/admin/PageLayout";
-import { Table } from "@/components/admin/Table/Index";
+import { PageLayout } from "@/components/PageLayout";
+import { Table } from "@/components/Table/Index";
 
 import { UsersIcon } from "@heroicons/react/24/solid";
 
diff --git a/compass/components/admin/PageLayout.tsx b/compass/components/PageLayout.tsx
similarity index 100%
rename from compass/components/admin/PageLayout.tsx
rename to compass/components/PageLayout.tsx
diff --git a/compass/components/admin/Table/Index.tsx b/compass/components/Table/Index.tsx
similarity index 100%
rename from compass/components/admin/Table/Index.tsx
rename to compass/components/Table/Index.tsx
diff --git a/compass/components/admin/Table/RowAction.tsx b/compass/components/Table/RowAction.tsx
similarity index 100%
rename from compass/components/admin/Table/RowAction.tsx
rename to compass/components/Table/RowAction.tsx
diff --git a/compass/components/admin/Table/TableAction.tsx b/compass/components/Table/TableAction.tsx
similarity index 100%
rename from compass/components/admin/Table/TableAction.tsx
rename to compass/components/Table/TableAction.tsx
diff --git a/compass/components/admin/Table/users.json b/compass/components/Table/users.json
similarity index 100%
rename from compass/components/admin/Table/users.json
rename to compass/components/Table/users.json
diff --git a/compass/components/resource/Sidebar.tsx b/compass/components/resource/Sidebar.tsx
index 97e59d4..187f4a9 100644
--- a/compass/components/resource/Sidebar.tsx
+++ b/compass/components/resource/Sidebar.tsx
@@ -31,7 +31,7 @@ const Sidebar: React.FC<SidebarProps> = ({ setIsSidebarOpen }) => {
         <div className="flex flex-col space-y-2">
           <h4 className="text-xs font-semibold text-gray-500">Pages</h4>
           <nav className="flex flex-col">
-          <SidebarItem icon={<HomeIcon  />} text="Home" />
+          <SidebarItem active={true} icon={<HomeIcon  />} text="Home" />
             <SidebarItem icon={<BookmarkIcon  />} text="Resources" />
             <SidebarItem icon={<ClipboardIcon />} text="Services" />
             <SidebarItem icon={<BookOpenIcon  />} text="Training Manuals" />
diff --git a/compass/components/resource/SidebarItem.tsx b/compass/components/resource/SidebarItem.tsx
index db7a4db..da92ba6 100644
--- a/compass/components/resource/SidebarItem.tsx
+++ b/compass/components/resource/SidebarItem.tsx
@@ -2,11 +2,12 @@
 interface SidebarItemProps {
   icon: React.ReactElement;
   text: string;
+  active: boolean;
 }
 
-export const SidebarItem: React.FC<SidebarItemProps> = ({ icon, text }) => {
+export const SidebarItem: React.FC<SidebarItemProps> = ({ icon, text, active }) => {
   return (
-    <a href="#" className="flex items-center p-2 space-x-2 hover:bg-gray-200 rounded-md">
+    <a href="#" className={active ? "flex items-center p-2 space-x-2 bg-gray-200 rounded-md"  : "flex items-center p-2 space-x-2 hover:bg-gray-200 rounded-md"}>
       <span className="h-5 text-gray-500 w-5">
       {icon}
       </span>