Revert "feat: Develop Detailed Project View Page for Transactions and Insight"

package.json

@@ -12,7 +12,6 @@
     "@headlessui/react": "^2.2.0",
     "@hookform/resolvers": "^4.1.3",
     "@radix-ui/react-slot": "^1.1.2",
-    "@shadcn/ui": "^0.0.4",
     "@starknet-react/chains": "^3.1.2",
     "@starknet-react/core": "^3.7.2",
     "@starknet-react/typescript-config": "^0.0.1",
@@ -22,14 +21,13 @@
     "lodash": "^4.17.21",
     "lucide-react": "^0.475.0",
     "next": "^14.2.24",
-    "react": "^18.3.1",
+    "react": "^18",
     "react-datepicker": "^8.2.1",
     "react-datetime-picker": "^6.0.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "^18",
     "react-hook-form": "^7.54.2",
     "react-hot-toast": "^2.5.2",
     "react-icons": "^5.5.0",
-    "recharts": "^2.15.1",
     "starknet": "^6.23.1",
     "tailwind-merge": "^3.0.2",
     "tailwindcss-animate": "^1.0.7",

src/app/dashboard/components/sideBar.tsx

@@ -71,41 +71,41 @@ const Sidebar: FC = () => {
 
   useEffect(() => {
     switch (pathname) {
-      case '/dashboard':
+      case '/':
         setActivePath('/');
         break;
-      case '/dashboard/projects':
+      case '/projects':
         setActivePath('/projects');
         break;
-      case '/dashboard/transactions':
+      case '/dashboard/user/transactions':
         setActivePath('/transactions');
         break;
-      case '/dashboard/target':
+      case '/target':
         setActivePath('/target');
         break;
-      case '/dashboard/appeals':
+      case '/appeals':
         setActivePath('/appeals');
         setIsAppealsOpen(true);
         break;
-      case '/dashboard/appeals/pending':
+      case '/appeals/pending':
         setActivePath('/appeals/pending');
         setIsAppealsOpen(true);
         break;
-      case '/dashboard/appeals/resolved':
+      case '/appeals/resolved':
         setActivePath('/appeals/resolved');
         setIsAppealsOpen(true);
         break;
-      case '/dashboard/schedules':
+      case '/schedules':
         setActivePath('/schedules');
         break;
-      case '/dashboard/settings':
+      case '/settings':
         setActivePath('/settings');
         break;
-      case '/dashboard/help':
+      case '/help':
         setActivePath('/help');
         break;
       default:
-        setActivePath('/dashboard'); // Default active item
+        setActivePath('/target'); // Default active item
         break;
     }
   }, [pathname]);
@@ -117,31 +117,31 @@ const Sidebar: FC = () => {
       </div>
       <div className="flex-grow">
         <SidebarItem
-          href="/dashboard"
+          href="/"
           icon={<HomeIcon size={20} />}
           text="Home"
           active={activePath === '/'}
         />
         <SidebarItem
-          href="/dashboard/projects"
+          href="/projects"
           icon={<FolderIcon size={20} />}
           text="Projects"
           active={activePath === '/projects'}
         />
         <SidebarItem
-          href="/dashboard/transactions"
+          href="/transactions"
           icon={<CreditCardIcon size={20} />}
           text="Transactions"
           active={activePath === '/transactions'}
         />
         <SidebarItem
-          href="/dashboard/target"
+          href="/target"
           icon={<TargetIcon size={20} />}
           text="Target"
           active={activePath === '/target'}
         />
         <SidebarItem
-          href="/dashboard/appeals"
+          href="/appeals"
           icon={<InfoIcon size={20} />}
           text="Appeals"
           active={
@@ -155,7 +155,7 @@ const Sidebar: FC = () => {
         {isAppealsOpen && (
           <div className="pl-9 bg-gray-800 bg-opacity-40">
             <Link
-              href="/dashboard/appeals/pending"
+              href="/appeals/pending"
               className={`block py-2 text-sm ${
                 activePath === '/appeals/pending'
                   ? 'text-indigo-400'
@@ -167,7 +167,7 @@ const Sidebar: FC = () => {
             <Link
               href="/appeals/resolved"
               className={`block py-2 text-sm ${
-                activePath === '/dashboard/appeals/resolved'
+                activePath === '/appeals/resolved'
                   ? 'text-indigo-400'
                   : 'text-gray-400 hover:text-white'
               }`}
@@ -178,21 +178,21 @@ const Sidebar: FC = () => {
         )}
 
         <SidebarItem
-          href="/dashboard/schedules"
+          href="/schedules"
           icon={<CalendarIcon size={20} />}
           text="Schedules"
           active={activePath === '/schedules'}
         />
 
         <div className="mt-32 pt-2">
           <SidebarItem
-            href="/dashboard/settings"
+            href="/settings"
             icon={<SettingsIcon size={20} />}
             text="Settings"
             active={activePath === '/settings'}
           />
           <SidebarItem
-            href="/dashboard/help"
+            href="/help"
             icon={<HelpCircleIcon size={20} />}
             text="Help centre"
             active={activePath === '/help'}

src/app/dashboard/target/page.tsx

@@ -1,6 +1,8 @@
 'use client';
 import { useState } from 'react';
 import { NextPage } from 'next';
+import Sidebar from '../components/sideBar';
+import NavBar from '../components/navBar';
 import ProgressCard from '../components/progressCard';
 import Records from '../records/page';
 
@@ -52,7 +54,9 @@ const Target: NextPage = () => {
 
   return (
     <main className="flex bg-[#171720]">
+      <Sidebar />
       <div className="w-full bg-[#171720] px-10">
+        <NavBar />
         {showRecords ? (
           <Records />
         ) : (