Project Fix

src/App.jsx

@@ -3,18 +3,21 @@ import RootLayout from "./layouts/RootLayout";
 import AllApps from "./Python_Library_Pages/AllApps";
 
 import PythonBasics from "./Python_Library_Pages/Python_Basics/Introduction-to-Python";
+import NumpyBasics from "./Python_Library_Pages/Numpy/Intro-to-Numpy";
 
 const App = () => {
   return (
     <RootLayout>
       <Routes>
         <Route path="/" element={<AllApps />} />
 
-        <Route path="/Python-Basics" element={<PythonBasics />}>
+        <Route path="/Python-Basics" element={<Outlet />}>
           <Route path="Introduction-to-Python" element={<PythonBasics />} />
         </Route>
-        <Route path="/Conditions-and-Loops" element={<Outlet />}>
-          {/* <Route index element={<Two />} />
+        <Route path="/NumPy-Library" element={<Outlet />}>
+        <Route path="Intro-to-Numpy" element={<NumpyBasics />} />
+          {/* if we have child element we need added here */}
+          {/* <Route index element={<Two />} />I
           <Route path="Introduction-to-Conditions" element={<Five />} />
           <Route path="Loops-in-Python" element={<Six />} />
           <Route path="While-Loop-in-Python" element={<Seven />} /> */}

src/Constants/index.js

@@ -7,55 +7,30 @@ export const subMenusList = [
       {
         title: "Introduction to Python",
         name: "Introduction-to-Python",
-        path: "/Introduction-to-Python",
-      },
-      {
-        title: "Basic Python Program",
-        name: "Basic-Python-Program",
-        path: "/Basic-Python-Program",
-      },
-      {
-        title: "Variables in Python",
-        name: "Variables-in-Python",
-        path: "/Variables-in-Python",
-      },
+
+      }
     ],
   },
   {
-    name: "Conditions-and-Loops",
-    title: "2. Conditions and Loops",
+    name: "NumPy-Library",
+    title: "2. NumPy",
     children: [
       {
-        title: "Introduction to Conditions",
-        name: "Introduction-to-Conditions",
-        path: "/Introduction-to-Conditions",
-      },
-      {
-        title: "Loops in Python",
-        name: "Loops-in-Python",
-        path: "/Loops-in-Python",
-      },
-      {
-        title: "While Loop in Python",
-        name: "While-Loop-in-Python",
-        path: "/While-Loop-in-Python",
-      },
+        // List of Pages 
+        title: "Intro-to-Numpy", 
+        name: "Intro-to-Numpy",
+
+      }
     ],
   },
   {
-    name: "Functions",
-    title: "3. Functions",
+    name: "Pandas-Library",
+    title: "3. Intro to Pandas",
     children: [
       {
-        title: "Inbuilt Functions",
-        name: "Inbuilt-Functions",
-        path: "/Inbuilt-Functions",
-      },
-      {
-        title: "User defined Functions",
-        name: "User-defined-Functions",
-        path: "/User-defined-Functions",
-      },
+        title: "Intro-to-pandas",
+        name: "Intro-to-pandas",
+      }
     ],
   },
   /* remaining contents*/

src/Python_Library_Pages/Numpy/Intro-to-Numpy.jsx

@@ -0,0 +1,13 @@
+import React from "react";
+
+const NumpyBasics = () => {
+  return (
+    <div>
+      <h1>Introduction to NumPy</h1>
+
+      <p>Development can start for NumPy from here</p>
+    </div>
+  );
+};
+
+export default NumpyBasics;

src/layouts/sidebar/SubMenu.jsx

@@ -11,7 +11,6 @@ const SubMenu = ({ data }) => {
   // })
   return (
     <>
-    <NavLink to = {data.name}>
     <li
         className={`link ${pathname.includes(data.name) && "text-blue-600"}`}
         onClick={() => setSubMenuOpen(!subMenuOpen)}
@@ -22,7 +21,6 @@ const SubMenu = ({ data }) => {
 
         />
       </li>
-    </NavLink>
 
       <motion.ul
         animate={
@@ -51,7 +49,6 @@ const SubMenu = ({ data }) => {
   </li>
 
 ))}
-
       </motion.ul>
     </>
   );