optimizing our app

Author: hrithikapps

App.js

@@ -9,6 +9,7 @@ import Cart from "./src/components/Cart";
 import Error from "./src/components/Error";
 import { createBrowserRouter, RouterProvider, Outlet } from "react-router-dom";
 import RestaurantMenu from "./src/components/RestaurantMenu";
+import Profile from "./src/components/Profile";
 
 const AppLayout = () => {
   return (
@@ -34,6 +35,12 @@ const appRouter = createBrowserRouter([
       {
         path: "/about",
         element: <About />,
+        children: [
+          {
+            path: "profile",
+            element: <Profile />,
+          },
+        ],
       },
       {
         path: "/contactUs",

src/components/About.js

@@ -1,8 +1,14 @@
-import React from 'react'
+import {Outlet} from "react-router-dom";
+import React from 'react';
 
  const About = () => {
   return (
+    <>
     <div>About</div>
+    <Outlet />
+    </>
+    
+    
   )
 }
 

src/components/Body.js

@@ -3,18 +3,7 @@ import { RestaurantCards } from "../components/RestaurantCards";
 import { useState, useEffect } from "react";
 import { Shimmer } from "./Shimmer";
 import { Link } from "react-router-dom";
-
-const filterData = (searchText, allRestaturants) => {
-  console.log(allRestaturants);
-  const data = allRestaturants.filter((restaurant) => {
-    const resName = restaurant?.data?.name
-      ?.toLowerCase()
-      .includes(searchText.toLowerCase());
-    return resName;
-  });
-  // console.log(data + " inside filter data");
-  return data;
-};
+import { filterData } from "../utils/Helper";
 
 // function filterData(searchText, restaurant) {
 //   const filterData = restaurant.filter((restaurants) =>

src/components/Profile.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Profile = () => {
+  return (
+    <div>Profile</div>
+  )
+}
+
+export default Profile

src/utils/Helper.js

@@ -0,0 +1,11 @@
+export const filterData = (searchText, allRestaturants) => {
+  console.log(allRestaturants);
+  const data = allRestaturants.filter((restaurant) => {
+    const resName = restaurant?.data?.name
+      ?.toLowerCase()
+      .includes(searchText.toLowerCase());
+    return resName;
+  });
+  // console.log(data + " inside filter data");
+  return data;
+};