From 022cde4333a8424f40e3d9e46d1b71ca47cccc05 Mon Sep 17 00:00:00 2001
From: ipsitabisht <ipsitabisht@gmail.com>
Date: Tue, 5 Dec 2023 13:15:14 -0800
Subject: [PATCH 1/2] added restaurant name change for landing page and link
 and description change

---
 client/src/App.js                             |  21 +-
 client/src/components/editRestaurant.jsx      |  69 ++
 .../src/components/landing-page/lpFooter.jsx  |  12 +-
 .../src/components/landing-page/lpNavBar.jsx  |   2 +-
 client/src/pages/admin-customer.js            |  11 +-
 client/src/pages/admin-dashboard.js           |   4 +-
 client/src/pages/landing-page.js              |  13 +-
 package-lock.json                             | 667 +++++++++++++++++-
 package.json                                  |   1 +
 9 files changed, 771 insertions(+), 29 deletions(-)
 create mode 100644 client/src/components/editRestaurant.jsx

diff --git a/client/src/App.js b/client/src/App.js
index 1979dcb..aaf1d71 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -1,5 +1,5 @@
 import './App.css';
-import React from 'react';
+import React, {useState} from 'react';
 import { Routes, Route, HashRouter } from 'react-router-dom';
 
 import Menu from './pages/menu';
@@ -13,6 +13,19 @@ import Landing_page from './pages/landing-page';
 import WebSocketService from './WebSocketService';
 
 function App() {
+
+  const [restaurantInfo, setRestaurantInfo] = useState({
+    name: "115A's Diner",
+    description: "Welcome to 115A's Diner, where passion meets flavor!",
+    instagramLink: "https://www.instagram.com/your_instagram",
+    facebookLink: "https://www.facebook.com/your_facebook",
+    twitterLink: "https://twitter.com/your_twitter",
+  });
+
+  const updateRestaurantInfo = (newInfo) => {
+    setRestaurantInfo(newInfo);
+  };
+
   // Establish a connection if not already connected
   /*useEffect(() => {
     if (!WebSocketService.socket) {
@@ -43,11 +56,11 @@ function App() {
     <div className="App font-tt-norms-pro">
       <HashRouter>
         <Routes>
-          <Route index element={<Landing_page />} />
-          <Route path='/' element={<Landing_page />} />
+          <Route index element={<Landing_page restaurantInfo={restaurantInfo}/>} />
+          <Route path='/' element={<Landing_page restaurantInfo={restaurantInfo}/>} />
           <Route path='/menu' element={<Menu />} />
           <Route path='/table' element={<Table />} />
-          <Route path='/admin-dashboard' element={<Admin_dashboard WebSocketService={WebSocketService} />} />
+          <Route path='/admin-dashboard' element={<Admin_dashboard WebSocketService={WebSocketService} restaurantInfo={restaurantInfo}  updateRestaurantInfo={updateRestaurantInfo}/>} />
           <Route path='*' element={<NoPage />} />
         </Routes>
       </HashRouter>
diff --git a/client/src/components/editRestaurant.jsx b/client/src/components/editRestaurant.jsx
new file mode 100644
index 0000000..95c17b2
--- /dev/null
+++ b/client/src/components/editRestaurant.jsx
@@ -0,0 +1,69 @@
+import React, { useState } from 'react';
+
+const EditRestaurant = ({ restaurantInfo, updateRestaurantInfo }) => {
+    //store edits of the fields
+    const [newName, setNewName] = useState(restaurantInfo.name);
+    const [newDescription, setNewDescription] = useState(restaurantInfo.description);
+    const [newInstagram, setNewInstagram] = useState(restaurantInfo.instagram);
+    const [newFacebook, setNewFacebook] = useState(restaurantInfo.facebook);
+    const [newTwitter, setNewTwitter] = useState(restaurantInfo.newTwitter);
+
+
+    const handleSave = () => {
+      //update restaurant info using the provided function
+        updateRestaurantInfo({ name: newName, description: newDescription });
+    };
+
+    return (
+        <div className="flex flex-col items-center justify-content h-screen">
+            <div className="bg-white p-8 rounded-md shadow-md">
+                <div className="mb-4">
+                    <label className="text-3xl block">Restaurant Name:</label>
+                    <input className="border border-gray-300 p-2 rounded-md w-full" type="text" value={newName} onChange={(e) => setNewName(e.target.value)} />
+                </div>
+
+                <div className="mb-4">
+                    <label className="text-3xl block">Restaurant Description:</label>
+                    <textarea
+                         className="border border-gray-300 p-2 rounded-md w-full"
+                        value={newDescription}
+                        onChange={(e) => setNewDescription(e.target.value)}
+                    />
+                </div>
+                <div className="mb-4">
+                    <label className="text-3xl block">Facebook:</label>
+                    <textarea
+                        className="border border-gray-300 p-2 rounded-md w-full"
+                        value={newFacebook}
+                        onChange={(e) => setNewFacebook(e.target.value)}
+                    />
+                </div>
+                <div className="mb-4">
+                    <label className="text-3xl block">Instagram:</label>
+                    <textarea
+                        className="border border-gray-300 p-2 rounded-md w-full"
+                        value={newInstagram}
+                        onChange={(e) => setNewInstagram(e.target.value)}
+                    />
+                </div>
+                <div className="mb-4">
+                    <label className="text-3xl block">Twitter:</label>
+                    <textarea
+                        className="border border-gray-300 p-2 rounded-md w-full"
+                        value={newTwitter}
+                        onChange={(e) => setNewTwitter(e.target.value)}
+                    />
+                </div>
+
+                <div>
+                    <button className="bg-gray-200 text-black py-2 px-6 rounded-md mr-2 text-center text-xl font-medium flex items-center space-x-2" 
+                            onClick={handleSave}>Save Changes</button>
+                </div>
+
+            </div>
+            
+        </div>
+    );
+};
+
+export default EditRestaurant;
\ No newline at end of file
diff --git a/client/src/components/landing-page/lpFooter.jsx b/client/src/components/landing-page/lpFooter.jsx
index a8eb7cc..eaf8ad4 100644
--- a/client/src/components/landing-page/lpFooter.jsx
+++ b/client/src/components/landing-page/lpFooter.jsx
@@ -1,19 +1,19 @@
 import React from 'react'
 import { FaFacebook, FaInstagram, FaTwitterSquare } from 'react-icons/fa';
 
-const LpFooter = () => {
+const LpFooter = (restaurantInfo) => {
     return (
         <footer className="bg-light-tertiary py-8 ">
             <div className="flex flex-col items-center">
-                <div className="text-4xl font-bold text-light-secondary mb-4">115A's Diner</div>
+                <div className="text-4xl font-bold text-light-secondary mb-4">{restaurantInfo.name}</div>
                 <div className="flex justify-center space-x-4 text-light-primary">
-                    <a href=''><FaFacebook className="text-xl" size={30}/></a>
-                    <a href=''><FaInstagram className="text-xl " size={30}/></a>
-                    <a href=''><FaTwitterSquare className="text-xl " size={30}/></a>
+                    <a href={restaurantInfo.facebookLink}><FaFacebook className="text-xl" size={30}/></a>
+                    <a href={restaurantInfo.instagramLink}><FaInstagram className="text-xl " size={30}/></a>
+                    <a href={restaurantInfo.twitterLink}><FaTwitterSquare className="text-xl " size={30}/></a>
                 </div>
             </div>
             <div className="mt-4 text-center ">
-                © {new Date().getFullYear()} 115A's Diner. All rights reserved.
+                © {new Date().getFullYear()} {restaurantInfo.name}. All rights reserved.
             </div>
         </footer>
     )
diff --git a/client/src/components/landing-page/lpNavBar.jsx b/client/src/components/landing-page/lpNavBar.jsx
index a5fe12e..00a6569 100644
--- a/client/src/components/landing-page/lpNavBar.jsx
+++ b/client/src/components/landing-page/lpNavBar.jsx
@@ -6,7 +6,7 @@ import { Link } from 'react-router-dom';
 import { MdOutlineDashboard } from "react-icons/md";
 import LpShoppingCart from './lpShoppingCart';
 
-const LpNavBar = ({cartItems, cartSize, renderCartSize, removeFromCart, WebSocketService}) => {
+const LpNavBar = ({cartItems, cartSize, renderCartSize, removeFromCart, WebSocketService, restaurantInfo}) => {
     /* Testing */
     let email = true;
     // let email = false;
diff --git a/client/src/pages/admin-customer.js b/client/src/pages/admin-customer.js
index 9e5a78d..3862f1a 100644
--- a/client/src/pages/admin-customer.js
+++ b/client/src/pages/admin-customer.js
@@ -1,16 +1,19 @@
 import React from 'react'
 import AdminNavbar from '../components/adminNavbar'
+import EditRestaurant from '../components/editRestaurant'
 
-const Admin_customer = (props) => {
-    const { WebSocketService, setPage } = props;
+const Admin_customer = ( props ) => {
+    const { WebSocketService, setPage, restaurantInfo, updateRestaurantInfo } = props;
+
+    //const { WebSocketService, setPage } = props;
     return (
         <>
             <div className="flex flex-row">
-                <div className='w-[20%]'><AdminNavbar setPage={setPage}/></div>
+                <div className='w-[20%]'><AdminNavbar setPage={props.setPage}/></div>
                 <div className="w-[80%] h-screen">
                     <div className='flex flex-col'>
                         <div className='text-center mt-27 text-black font-Montserrat text-4xl font-bold py-6'>Customer</div>
-                        <div>{/* Component */}</div>
+                        <div><EditRestaurant restaurantInfo={props.restaurantInfo} updateRestaurantInfo={props.updateRestaurantInfo}/></div>
                     </div>
                 </div>
             </div>
diff --git a/client/src/pages/admin-dashboard.js b/client/src/pages/admin-dashboard.js
index 2bd4f89..d54ca00 100644
--- a/client/src/pages/admin-dashboard.js
+++ b/client/src/pages/admin-dashboard.js
@@ -11,7 +11,7 @@ const Admin_dashboard = (props) => {
 
     const [page, setPage] = useState("Dashboard");
 
-    const {WebSocketService} = props;
+    const {WebSocketService} = props
 
     useEffect(() => {
         if (!WebSocketService.socket){
@@ -42,7 +42,7 @@ const Admin_dashboard = (props) => {
         return <Admin_analytics WebSocketService={WebSocketService} setPage = {setPage} />;
     }
     else if (page === "Customer"){
-        return <Admin_customer WebSocketService={WebSocketService} setPage = {setPage} />;
+        return <Admin_customer WebSocketService={WebSocketService} setPage = {setPage} restaurantInfo={props.restaurantInfo} updateRestaurantInfo={props.updateRestaurantInfo}/>;
     }
     else if (page === "Orders"){
         return <Admin_orders WebSocketService={WebSocketService} setPage = {setPage} />;
diff --git a/client/src/pages/landing-page.js b/client/src/pages/landing-page.js
index 1fe2bb9..2d0543c 100644
--- a/client/src/pages/landing-page.js
+++ b/client/src/pages/landing-page.js
@@ -23,7 +23,7 @@ function getItemsToShow() {
     }
 }
 
-const Landing_page = () => {
+const Landing_page = ({restaurantInfo}) => {
     const [itemsToShow, setItemsToShow] = useState(getItemsToShow());
 
     useEffect(() => {
@@ -44,10 +44,10 @@ const Landing_page = () => {
         <>
             <div className='font-tt-norms-pro'>
                 <div className='relative'>
-                    <LpNavBar cartItems={items}/>
+                    <LpNavBar cartItems={items} restaurantInfo={restaurantInfo}/>
                     <div className='flex flex-col justify-center items-center h-[85vh] z-10 relative'>
                         <span className='md:text-6xl text-5xl'>Welcome to</span>
-                        <span className='md:text-8xl text-7xl'>115A's Diner</span>
+                        <span className='md:text-8xl text-7xl'>{restaurantInfo.name}</span>
                         <Link to="/menu">
                             <button className='bg-light-secondary text-white rounded-3xl py-2 px-4 mt-7 font-bold text-2xl flex items-center'>
                                 <div>Order Now&nbsp;</div>
@@ -78,19 +78,20 @@ const Landing_page = () => {
                         <div className='flex flex-col items-center'>
                             <div className='text-5xl font-bold text-light-primary mb-6'>About Us</div>
                             <div className='text-2xl text-light-primary max-w-4xl text-center px-5'>
-                                Welcome to 115A's Diner, where passion meets flavor! Our journey began with a simple
+                                {restaurantInfo.description}
+                                {/* Welcome to 115A's Diner, where passion meets flavor! Our journey began with a simple
                                 idea: to create a dining experience that combines the warmth of home-cooked meals with
                                 the excitement of culinary innovation. At 115A's Diner, we source the finest ingredients
                                 to craft delicious dishes that cater to every palate. Whether you're a fan of classic
                                 comfort food or crave bold and adventurous flavors, our menu has something special for you.
                                 Join us on this gastronomic journey and savor the moments at 115A's Diner. We look
-                                forward to serving you with a smile and creating memories that last a lifetime.
+                                forward to serving you with a smile and creating memories that last a lifetime. */}
                             </div>
                         </div>
                     </div>
                 </div>
                 <LpTestimonial />
-                <LpFooter />
+                <LpFooter restaurantInfo={restaurantInfo}/>
             </div>
         </>
     )
diff --git a/package-lock.json b/package-lock.json
index d5af296..126b942 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,9 +7,75 @@
       "dependencies": {
         "express": "^4.18.2",
         "react-icons": "^4.11.0",
+        "recharts": "^2.10.3",
         "ws": "^8.14.2"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
+      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.1.tgz",
+      "integrity": "sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg=="
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A=="
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA=="
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.0.2.tgz",
+      "integrity": "sha512-WAIEVlOCdd/NKRYTsqCpOMHQHemKBEINf8YXMYOtXH0GA7SY0dqMB78P3Uhgfy+4X+/Mlw2wDtlETkN6kQUCMA=="
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.8.tgz",
+      "integrity": "sha512-gkK1VVTr5iNiYJ7vWDI+yUFFlszhNMtVeneJ6lUTKPjprsvLLI9/tgEGiXJOnlINJA8FyA88gfnQsHbybVZrYQ==",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.6.tgz",
+      "integrity": "sha512-5KKk5aKGu2I+O6SONMYSNflgiP0WfZIQvVUMan50wHsLG1G94JlxEVnCpQARfTtzytuY0p/9PXXZb3I7giofIA==",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.3.tgz",
+      "integrity": "sha512-2p6olUZ4w3s+07q3Tm2dbiMZy5pCDfYwtLXXHUnVzXgQlZ/OyPtUz6OL382BkOuGlLXqfT+wqv8Fw2v8/0geBw=="
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw=="
+    },
     "node_modules/accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -71,6 +137,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/clsx": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/content-disposition": {
       "version": "0.5.4",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
@@ -103,6 +177,116 @@
       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
       "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
     },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -111,6 +295,11 @@
         "ms": "2.0.0"
       }
     },
+    "node_modules/decimal.js-light": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
+      "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg=="
+    },
     "node_modules/define-data-property": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
@@ -141,6 +330,14 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+    "node_modules/dom-helpers": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-3.4.0.tgz",
+      "integrity": "sha512-LnuPJ+dwqKDIyotW1VzmOZ5TONUN7CwkCR5hrgawTUbkBGYdeoNLZo6nNfGkCrjtE1nXXaj7iMMpDa8/d9WoIA==",
+      "dependencies": {
+        "@babel/runtime": "^7.1.2"
+      }
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -167,6 +364,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
+    },
     "node_modules/express": {
       "version": "4.18.2",
       "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
@@ -208,6 +410,14 @@
         "node": ">= 0.10.0"
       }
     },
+    "node_modules/fast-equals": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.0.1.tgz",
+      "integrity": "sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/finalhandler": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
@@ -349,6 +559,14 @@
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/ipaddr.js": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
@@ -360,14 +578,17 @@
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "peer": true
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "peer": true,
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       },
@@ -439,6 +660,14 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/object-inspect": {
       "version": "1.13.1",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
@@ -471,6 +700,16 @@
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
       "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
     },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -531,6 +770,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "peer": true,
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
     "node_modules/react-icons": {
       "version": "4.11.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.11.0.tgz",
@@ -539,6 +791,81 @@
         "react": "*"
       }
     },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "node_modules/react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
+    "node_modules/react-smooth": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-2.0.5.tgz",
+      "integrity": "sha512-BMP2Ad42tD60h0JW6BFaib+RJuV5dsXJK9Baxiv/HlNFjvRLqA9xrNKxVWnUIZPQfzUwGXIlU/dSYLU+54YGQA==",
+      "dependencies": {
+        "fast-equals": "^5.0.0",
+        "react-transition-group": "2.9.0"
+      },
+      "peerDependencies": {
+        "prop-types": "^15.6.0",
+        "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/react-transition-group": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-2.9.0.tgz",
+      "integrity": "sha512-+HzNTCHpeQyl4MJ/bdE0u6XRMe9+XG/+aL4mCxVN4DnPBQ0/5bfHWPDuOZUzYdMj94daZaZdCCc1Dzt9R/xSSg==",
+      "dependencies": {
+        "dom-helpers": "^3.4.0",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2",
+        "react-lifecycles-compat": "^3.0.4"
+      },
+      "peerDependencies": {
+        "react": ">=15.0.0",
+        "react-dom": ">=15.0.0"
+      }
+    },
+    "node_modules/recharts": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/recharts/-/recharts-2.10.3.tgz",
+      "integrity": "sha512-G4J96fKTZdfFQd6aQnZjo2nVNdXhp+uuLb00+cBTGLo85pChvm1+E67K3wBOHDE/77spcYb2Cy9gYWVqiZvQCg==",
+      "dependencies": {
+        "clsx": "^2.0.0",
+        "eventemitter3": "^4.0.1",
+        "lodash": "^4.17.19",
+        "react-is": "^16.10.2",
+        "react-smooth": "^2.0.5",
+        "recharts-scale": "^0.4.4",
+        "tiny-invariant": "^1.3.1",
+        "victory-vendor": "^36.6.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "prop-types": "^15.6.0",
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/recharts-scale": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/recharts-scale/-/recharts-scale-0.4.5.tgz",
+      "integrity": "sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==",
+      "dependencies": {
+        "decimal.js-light": "^2.4.1"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+    },
     "node_modules/safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -563,6 +890,15 @@
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
+    "node_modules/scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "peer": true,
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
     "node_modules/send": {
       "version": "0.18.0",
       "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
@@ -645,6 +981,11 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
+      "integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
+    },
     "node_modules/toidentifier": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
@@ -689,6 +1030,27 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/victory-vendor": {
+      "version": "36.7.0",
+      "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.7.0.tgz",
+      "integrity": "sha512-nqYuTkLSdTTeACyXcCLbL7rl0y6jpzLPtTNGOtSnajdR+xxMxBdjMxDjfNJNlhR+ZU8vbXz+QejntcbY7h9/ZA==",
+      "dependencies": {
+        "@types/d3-array": "^3.0.3",
+        "@types/d3-ease": "^3.0.0",
+        "@types/d3-interpolate": "^3.0.1",
+        "@types/d3-scale": "^4.0.2",
+        "@types/d3-shape": "^3.1.0",
+        "@types/d3-time": "^3.0.0",
+        "@types/d3-timer": "^3.0.0",
+        "d3-array": "^3.1.6",
+        "d3-ease": "^3.0.1",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "d3-shape": "^3.1.0",
+        "d3-time": "^3.0.0",
+        "d3-timer": "^3.0.1"
+      }
+    },
     "node_modules/ws": {
       "version": "8.14.2",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
@@ -711,6 +1073,68 @@
     }
   },
   "dependencies": {
+    "@babel/runtime": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
+      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
+      "requires": {
+        "regenerator-runtime": "^0.14.0"
+      }
+    },
+    "@types/d3-array": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.1.tgz",
+      "integrity": "sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg=="
+    },
+    "@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A=="
+    },
+    "@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA=="
+    },
+    "@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "requires": {
+        "@types/d3-color": "*"
+      }
+    },
+    "@types/d3-path": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.0.2.tgz",
+      "integrity": "sha512-WAIEVlOCdd/NKRYTsqCpOMHQHemKBEINf8YXMYOtXH0GA7SY0dqMB78P3Uhgfy+4X+/Mlw2wDtlETkN6kQUCMA=="
+    },
+    "@types/d3-scale": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.8.tgz",
+      "integrity": "sha512-gkK1VVTr5iNiYJ7vWDI+yUFFlszhNMtVeneJ6lUTKPjprsvLLI9/tgEGiXJOnlINJA8FyA88gfnQsHbybVZrYQ==",
+      "requires": {
+        "@types/d3-time": "*"
+      }
+    },
+    "@types/d3-shape": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.6.tgz",
+      "integrity": "sha512-5KKk5aKGu2I+O6SONMYSNflgiP0WfZIQvVUMan50wHsLG1G94JlxEVnCpQARfTtzytuY0p/9PXXZb3I7giofIA==",
+      "requires": {
+        "@types/d3-path": "*"
+      }
+    },
+    "@types/d3-time": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.3.tgz",
+      "integrity": "sha512-2p6olUZ4w3s+07q3Tm2dbiMZy5pCDfYwtLXXHUnVzXgQlZ/OyPtUz6OL382BkOuGlLXqfT+wqv8Fw2v8/0geBw=="
+    },
+    "@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw=="
+    },
     "accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -759,6 +1183,11 @@
         "set-function-length": "^1.1.1"
       }
     },
+    "clsx": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q=="
+    },
     "content-disposition": {
       "version": "0.5.4",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
@@ -782,6 +1211,83 @@
       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
       "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
     },
+    "d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "requires": {
+        "internmap": "1 - 2"
+      }
+    },
+    "d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA=="
+    },
+    "d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w=="
+    },
+    "d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA=="
+    },
+    "d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "requires": {
+        "d3-color": "1 - 3"
+      }
+    },
+    "d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ=="
+    },
+    "d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "requires": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      }
+    },
+    "d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "requires": {
+        "d3-path": "^3.1.0"
+      }
+    },
+    "d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "requires": {
+        "d3-array": "2 - 3"
+      }
+    },
+    "d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "requires": {
+        "d3-time": "1 - 3"
+      }
+    },
+    "d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA=="
+    },
     "debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -790,6 +1296,11 @@
         "ms": "2.0.0"
       }
     },
+    "decimal.js-light": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
+      "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg=="
+    },
     "define-data-property": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
@@ -810,6 +1321,14 @@
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
       "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg=="
     },
+    "dom-helpers": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-3.4.0.tgz",
+      "integrity": "sha512-LnuPJ+dwqKDIyotW1VzmOZ5TONUN7CwkCR5hrgawTUbkBGYdeoNLZo6nNfGkCrjtE1nXXaj7iMMpDa8/d9WoIA==",
+      "requires": {
+        "@babel/runtime": "^7.1.2"
+      }
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -830,6 +1349,11 @@
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
       "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg=="
     },
+    "eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
+    },
     "express": {
       "version": "4.18.2",
       "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
@@ -868,6 +1392,11 @@
         "vary": "~1.1.2"
       }
     },
+    "fast-equals": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.0.1.tgz",
+      "integrity": "sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ=="
+    },
     "finalhandler": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
@@ -967,6 +1496,11 @@
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
+    "internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg=="
+    },
     "ipaddr.js": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
@@ -975,14 +1509,17 @@
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "peer": true
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
     "loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "peer": true,
       "requires": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       }
@@ -1030,6 +1567,11 @@
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
       "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg=="
     },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
+    },
     "object-inspect": {
       "version": "1.13.1",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
@@ -1053,6 +1595,16 @@
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
       "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
     },
+    "prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
     "proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -1095,12 +1647,80 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "peer": true,
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      }
+    },
     "react-icons": {
       "version": "4.11.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.11.0.tgz",
       "integrity": "sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==",
       "requires": {}
     },
+    "react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
+    "react-smooth": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-2.0.5.tgz",
+      "integrity": "sha512-BMP2Ad42tD60h0JW6BFaib+RJuV5dsXJK9Baxiv/HlNFjvRLqA9xrNKxVWnUIZPQfzUwGXIlU/dSYLU+54YGQA==",
+      "requires": {
+        "fast-equals": "^5.0.0",
+        "react-transition-group": "2.9.0"
+      }
+    },
+    "react-transition-group": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-2.9.0.tgz",
+      "integrity": "sha512-+HzNTCHpeQyl4MJ/bdE0u6XRMe9+XG/+aL4mCxVN4DnPBQ0/5bfHWPDuOZUzYdMj94daZaZdCCc1Dzt9R/xSSg==",
+      "requires": {
+        "dom-helpers": "^3.4.0",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2",
+        "react-lifecycles-compat": "^3.0.4"
+      }
+    },
+    "recharts": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/recharts/-/recharts-2.10.3.tgz",
+      "integrity": "sha512-G4J96fKTZdfFQd6aQnZjo2nVNdXhp+uuLb00+cBTGLo85pChvm1+E67K3wBOHDE/77spcYb2Cy9gYWVqiZvQCg==",
+      "requires": {
+        "clsx": "^2.0.0",
+        "eventemitter3": "^4.0.1",
+        "lodash": "^4.17.19",
+        "react-is": "^16.10.2",
+        "react-smooth": "^2.0.5",
+        "recharts-scale": "^0.4.4",
+        "tiny-invariant": "^1.3.1",
+        "victory-vendor": "^36.6.8"
+      }
+    },
+    "recharts-scale": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/recharts-scale/-/recharts-scale-0.4.5.tgz",
+      "integrity": "sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==",
+      "requires": {
+        "decimal.js-light": "^2.4.1"
+      }
+    },
+    "regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+    },
     "safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -1111,6 +1731,15 @@
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
+    "scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "peer": true,
+      "requires": {
+        "loose-envify": "^1.1.0"
+      }
+    },
     "send": {
       "version": "0.18.0",
       "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
@@ -1180,6 +1809,11 @@
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
       "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="
     },
+    "tiny-invariant": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
+      "integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
+    },
     "toidentifier": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
@@ -1209,6 +1843,27 @@
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
       "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg=="
     },
+    "victory-vendor": {
+      "version": "36.7.0",
+      "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.7.0.tgz",
+      "integrity": "sha512-nqYuTkLSdTTeACyXcCLbL7rl0y6jpzLPtTNGOtSnajdR+xxMxBdjMxDjfNJNlhR+ZU8vbXz+QejntcbY7h9/ZA==",
+      "requires": {
+        "@types/d3-array": "^3.0.3",
+        "@types/d3-ease": "^3.0.0",
+        "@types/d3-interpolate": "^3.0.1",
+        "@types/d3-scale": "^4.0.2",
+        "@types/d3-shape": "^3.1.0",
+        "@types/d3-time": "^3.0.0",
+        "@types/d3-timer": "^3.0.0",
+        "d3-array": "^3.1.6",
+        "d3-ease": "^3.0.1",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "d3-shape": "^3.1.0",
+        "d3-time": "^3.0.0",
+        "d3-timer": "^3.0.1"
+      }
+    },
     "ws": {
       "version": "8.14.2",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
diff --git a/package.json b/package.json
index 2a8d6df..8677ebf 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "dependencies": {
     "express": "^4.18.2",
     "react-icons": "^4.11.0",
+    "recharts": "^2.10.3",
     "ws": "^8.14.2"
   }
 }

From 8f329690eee6f36880a00f80705ef1d54f0e498c Mon Sep 17 00:00:00 2001
From: ipsitabisht <ipsitabisht@gmail.com>
Date: Tue, 5 Dec 2023 15:51:56 -0800
Subject: [PATCH 2/2] fixed links and props

---
 client/src/App.js                             |  16 ++-
 client/src/components/editRestaurant.jsx      | 113 +++++++++++-------
 .../src/components/landing-page/lpFooter.jsx  |   2 +-
 .../src/components/landing-page/lpNavBar.jsx  |   2 +-
 client/src/pages/admin-customer.js            |   4 +-
 client/src/pages/admin-dashboard.js           |   2 +-
 6 files changed, 88 insertions(+), 51 deletions(-)

diff --git a/client/src/App.js b/client/src/App.js
index aaf1d71..0be633a 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -16,14 +16,26 @@ function App() {
 
   const [restaurantInfo, setRestaurantInfo] = useState({
     name: "115A's Diner",
-    description: "Welcome to 115A's Diner, where passion meets flavor!",
+    description:`Welcome to 115A's Diner, where passion meets flavor! Our journey began with a simple
+    idea: to create a dining experience that combines the warmth of home-cooked meals with
+    the excitement of culinary innovation. At 115A's Diner, we source the finest ingredients
+    to craft delicious dishes that cater to every palate. Whether you're a fan of classic
+    comfort food or crave bold and adventurous flavors, our menu has something special for you.
+    Join us on this gastronomic journey and savor the moments at 115A's Diner. We look
+    forward to serving you with a smile and creating memories that last a lifetime.`,
     instagramLink: "https://www.instagram.com/your_instagram",
     facebookLink: "https://www.facebook.com/your_facebook",
     twitterLink: "https://twitter.com/your_twitter",
   });
+  const [isSaved, setIsSaved] = useState(false);
 
   const updateRestaurantInfo = (newInfo) => {
     setRestaurantInfo(newInfo);
+    setIsSaved(true);
+
+    setTimeout(() => {
+      setIsSaved(false);
+    }, 3000);
   };
 
   // Establish a connection if not already connected
@@ -60,7 +72,7 @@ function App() {
           <Route path='/' element={<Landing_page restaurantInfo={restaurantInfo}/>} />
           <Route path='/menu' element={<Menu />} />
           <Route path='/table' element={<Table />} />
-          <Route path='/admin-dashboard' element={<Admin_dashboard WebSocketService={WebSocketService} restaurantInfo={restaurantInfo}  updateRestaurantInfo={updateRestaurantInfo}/>} />
+          <Route path='/admin-dashboard' element={<Admin_dashboard WebSocketService={WebSocketService} restaurantInfo={restaurantInfo}  updateRestaurantInfo={updateRestaurantInfo} saved={isSaved}/>} />
           <Route path='*' element={<NoPage />} />
         </Routes>
       </HashRouter>
diff --git a/client/src/components/editRestaurant.jsx b/client/src/components/editRestaurant.jsx
index 95c17b2..d20ed13 100644
--- a/client/src/components/editRestaurant.jsx
+++ b/client/src/components/editRestaurant.jsx
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
+import { FaFacebook, FaInstagram, FaTwitterSquare } from 'react-icons/fa';
 
-const EditRestaurant = ({ restaurantInfo, updateRestaurantInfo }) => {
+const EditRestaurant = ({ restaurantInfo, updateRestaurantInfo , saved}) => {
     //store edits of the fields
     const [newName, setNewName] = useState(restaurantInfo.name);
     const [newDescription, setNewDescription] = useState(restaurantInfo.description);
@@ -11,54 +12,78 @@ const EditRestaurant = ({ restaurantInfo, updateRestaurantInfo }) => {
 
     const handleSave = () => {
       //update restaurant info using the provided function
-        updateRestaurantInfo({ name: newName, description: newDescription });
+        updateRestaurantInfo({ name: newName, description: newDescription, instagramLink: newInstagram, facebookLink: newFacebook, twitterLink: newTwitter,});
     };
 
     return (
-        <div className="flex flex-col items-center justify-content h-screen">
-            <div className="bg-white p-8 rounded-md shadow-md">
-                <div className="mb-4">
-                    <label className="text-3xl block">Restaurant Name:</label>
-                    <input className="border border-gray-300 p-2 rounded-md w-full" type="text" value={newName} onChange={(e) => setNewName(e.target.value)} />
-                </div>
+        <div className="flex flex-col items-center justify-content h-screen ">
+            <div className="bg-white p-8 rounded-3xl shadow-md flex flex-col p-[3em] w-full max-w-screen-md ">
+                
+                    <div className="mb-4 text-2xl block flex items-center justify-center">Edit Details</div>
+                        <div className="mb-4">
+                            <label className="text-2xl block">Restaurant Name:</label>
+                            <input className="border border-gray-300 p-2 rounded-md w-full max-h-6 overflow-x-auto max-w-full" type="text" value={newName} onChange={(e) => setNewName(e.target.value)} />
+                        </div>
 
-                <div className="mb-4">
-                    <label className="text-3xl block">Restaurant Description:</label>
-                    <textarea
-                         className="border border-gray-300 p-2 rounded-md w-full"
-                        value={newDescription}
-                        onChange={(e) => setNewDescription(e.target.value)}
-                    />
-                </div>
-                <div className="mb-4">
-                    <label className="text-3xl block">Facebook:</label>
-                    <textarea
-                        className="border border-gray-300 p-2 rounded-md w-full"
-                        value={newFacebook}
-                        onChange={(e) => setNewFacebook(e.target.value)}
-                    />
-                </div>
-                <div className="mb-4">
-                    <label className="text-3xl block">Instagram:</label>
-                    <textarea
-                        className="border border-gray-300 p-2 rounded-md w-full"
-                        value={newInstagram}
-                        onChange={(e) => setNewInstagram(e.target.value)}
-                    />
-                </div>
-                <div className="mb-4">
-                    <label className="text-3xl block">Twitter:</label>
-                    <textarea
-                        className="border border-gray-300 p-2 rounded-md w-full"
-                        value={newTwitter}
-                        onChange={(e) => setNewTwitter(e.target.value)}
-                    />
-                </div>
+                        <div className="mb-4">
+                            <label className="text-2xl block">Restaurant Description:</label>
+                            <textarea
+                                className="border border-gray-300 p-2 rounded-md w-full overflow-y-auto max-w-full"
+                                value={newDescription}
+                                onChange={(e) => setNewDescription(e.target.value)}
+                            />
+                        </div>
+                        <div className="mb-4">
+                            <div className="flex flex-row items-center justify-content">
+                                <FaFacebook className="mr-2 text-2xl"/>
+                                <label className="text-2xl block">Facebook Link:</label>
+                            </div>
+                            
+                            <input
+                                className="border border-gray-300 p-2 rounded-md w-full max-h-8 overflow-x-auto max-w-full"
+                                value={newFacebook}
+                                onChange={(e) => setNewFacebook(e.target.value)}
+                            />
+                        </div>
+                        <div className="mb-4">
+                            <div className="flex flex-row items-center justify-content">
+                                <FaInstagram className="mr-2 text-2xl"/>
+                                <label className="text-2xl block">Instagram Link:</label>
+                            </div>
+                            <input
+                                className="border border-gray-300 p-2 rounded-md w-full max-h-8 overflow-x-auto max-w-full"
+                                value={newInstagram}
+                                onChange={(e) => setNewInstagram(e.target.value)}
+                            />
+                        </div>
+                        <div className="mb-4">
+                            <div className="flex flex-row items-center justify-content">
+                                <FaTwitterSquare className="mr-2 text-2xl"/>
+                                <label className="text-2xl block">Twitter Link:</label>
+                            </div>
+                            <input
+                                className="border border-gray-300 p-2 rounded-md w-full max-h-8 overflow-x-auto w-full max-w-full"
+                                value={newTwitter}
+                                onChange={(e) => setNewTwitter(e.target.value)}
+                            />
+                        </div>
 
-                <div>
-                    <button className="bg-gray-200 text-black py-2 px-6 rounded-md mr-2 text-center text-xl font-medium flex items-center space-x-2" 
-                            onClick={handleSave}>Save Changes</button>
-                </div>
+                        <div className="flex flex-col space-between">
+                            <div className="flex items-center justify-center">
+                                <button className="bg-gray-200 mb-2 hover:ring-2 hover:ring-blue text-black py-2 px-6 rounded-md mr-2 text-center text-xl font-medium flex items-center justify-center space-x-2" 
+                                        onClick={handleSave}>Save</button>
+                            </div>
+
+                            {saved && (
+                                <div className="flex items-center font-medium justify-center text-blue-500  text-center"> Saved Details! </div>
+
+                            )}
+
+                        </div>
+
+               
+               
+               
 
             </div>
             
diff --git a/client/src/components/landing-page/lpFooter.jsx b/client/src/components/landing-page/lpFooter.jsx
index eaf8ad4..b8b5d42 100644
--- a/client/src/components/landing-page/lpFooter.jsx
+++ b/client/src/components/landing-page/lpFooter.jsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { FaFacebook, FaInstagram, FaTwitterSquare } from 'react-icons/fa';
 
-const LpFooter = (restaurantInfo) => {
+const LpFooter = ({restaurantInfo}) => {
     return (
         <footer className="bg-light-tertiary py-8 ">
             <div className="flex flex-col items-center">
diff --git a/client/src/components/landing-page/lpNavBar.jsx b/client/src/components/landing-page/lpNavBar.jsx
index 00a6569..d2f5f2d 100644
--- a/client/src/components/landing-page/lpNavBar.jsx
+++ b/client/src/components/landing-page/lpNavBar.jsx
@@ -129,7 +129,7 @@ const LpNavBar = ({cartItems, cartSize, renderCartSize, removeFromCart, WebSocke
         <>
             <div className='font-tt-norms-pro px-12 relative z-20'>
                 <div className='md:flex absolute items-center font-bold text-4xl text-light-secondary hidden top-4 left-8 '>
-                    <Link to={"/"}>115A's Diner</Link>
+                    <Link to={"/"}>{restaurantInfo.name}</Link>
                 </div>
                 {email ? (
                     <div className='absolute top-4 right-8 '>
diff --git a/client/src/pages/admin-customer.js b/client/src/pages/admin-customer.js
index 3862f1a..bda1962 100644
--- a/client/src/pages/admin-customer.js
+++ b/client/src/pages/admin-customer.js
@@ -3,7 +3,7 @@ import AdminNavbar from '../components/adminNavbar'
 import EditRestaurant from '../components/editRestaurant'
 
 const Admin_customer = ( props ) => {
-    const { WebSocketService, setPage, restaurantInfo, updateRestaurantInfo } = props;
+    const { WebSocketService, setPage, restaurantInfo, updateRestaurantInfo, saved } = props;
 
     //const { WebSocketService, setPage } = props;
     return (
@@ -13,7 +13,7 @@ const Admin_customer = ( props ) => {
                 <div className="w-[80%] h-screen">
                     <div className='flex flex-col'>
                         <div className='text-center mt-27 text-black font-Montserrat text-4xl font-bold py-6'>Customer</div>
-                        <div><EditRestaurant restaurantInfo={props.restaurantInfo} updateRestaurantInfo={props.updateRestaurantInfo}/></div>
+                        <div><EditRestaurant restaurantInfo={props.restaurantInfo} updateRestaurantInfo={props.updateRestaurantInfo} saved={saved}/></div>
                     </div>
                 </div>
             </div>
diff --git a/client/src/pages/admin-dashboard.js b/client/src/pages/admin-dashboard.js
index d54ca00..8e4812c 100644
--- a/client/src/pages/admin-dashboard.js
+++ b/client/src/pages/admin-dashboard.js
@@ -42,7 +42,7 @@ const Admin_dashboard = (props) => {
         return <Admin_analytics WebSocketService={WebSocketService} setPage = {setPage} />;
     }
     else if (page === "Customer"){
-        return <Admin_customer WebSocketService={WebSocketService} setPage = {setPage} restaurantInfo={props.restaurantInfo} updateRestaurantInfo={props.updateRestaurantInfo}/>;
+        return <Admin_customer WebSocketService={WebSocketService} setPage = {setPage} restaurantInfo={props.restaurantInfo} updateRestaurantInfo={props.updateRestaurantInfo} saved={props.saved}/>;
     }
     else if (page === "Orders"){
         return <Admin_orders WebSocketService={WebSocketService} setPage = {setPage} />;