setOrderWrapper introduced

Author: malmla

labs/lab2/src/App.js

@@ -2,7 +2,7 @@ import './App.css';
 import 'bootstrap/dist/css/bootstrap.css';
 import 'bootstrap/dist/js/bootstrap.bundle.min';
 //import inventory from './inventory.mjs';
-import { Order } from './salad.mjs'
+import { Order, Salad } from './salad.mjs'
 import { useState } from 'react';
 import { NavLink, Outlet } from 'react-router-dom';
 //import ComposeSalad from './ComposeSalad'
@@ -11,7 +11,8 @@ import { NavLink, Outlet } from 'react-router-dom';
 
 function App() {
   const [order, setOrder] = useState(new Order());
-
+  let jsonOrder = window.localStorage.getItem('order');
+  setOrder(fetchFromLocalStorage(jsonOrder));
   /* function addSaladOrder(saladForm) {
     const salad = new Salad();
 
@@ -31,7 +32,16 @@ function App() {
   function removeSaladOrder(e) {
     const newOrder = new Order(order.uuidOrder, order.saladList);
     newOrder.removeSalad(e.target.value);
-    setOrder(newOrder);
+    setOrderWrapper(newOrder);
+  }
+
+  function fetchFromLocalStorage (jsonOrder) {
+    let sallads = Salad.parse(jsonOrder);
+    let salladList = {};
+    sallads.forEach( sallad => {
+      sallad = new Salad(sallad, undefined, sallad.uuid);
+      salladList[sallad.uuid] = sallad;
+    });
   }
 
   function Header() {
@@ -75,12 +85,19 @@ function App() {
       </nav>);    
   }
 
+  function setOrderWrapper(newOrder) {
+    let orderToStore = new Order(newOrder.uuidOrder, newOrder.saladList);
+    setOrder(orderToStore);
+    window.localStorage.clear(); //funkar då vi bara sparar senaste order
+    window.localStorage.setItem('order', JSON.stringify(Object.values(orderToStore.saladList)));
+  }
+
   return (
     <div className="container py-4">
       <Header />
       <Navbar />
 
-      <Outlet context={{order, setOrder, removeSaladOrder}}/>
+      <Outlet context={{order, setOrderWrapper, removeSaladOrder}}/>
 
       {/**<ViewOrder saladOrders={order} removeSaladOrder={removeSaladOrder} />
       <ComposeSalad inventory={inventory} addSaladOrder={addSaladOrder} /> **/}

labs/lab2/src/ComposeSalad.js

@@ -9,7 +9,7 @@ function ComposeSalad(props) {
   const [dressing, setDressing] = useState("");
   const [extras, setExtra] = useState(new Set());
   const order = useOutletContext()['order'];
-  const setOrder = useOutletContext()['setOrder'];
+  const setOrder = useOutletContext()['setOrderWrapper'];
   const inventory = useLoaderData();
   const navigate = useNavigate();
 

labs/lab2/src/Toaster.js

@@ -7,7 +7,7 @@ class Salad {
     uuid;
 
     constructor(salad, oldID, oldUUID) {
-      salad && salad instanceof Salad ? this.ingredients = {...salad.ingredients} : this.ingredients = {}; //todo spread ist för this =
+      salad ? this.ingredients = {...salad.ingredients} : this.ingredients = {}; //todo spread ist för this =
       this.id = oldID || `salad_` + Salad.#instanceCounter++;
       const uuid = oldUUID || uuidv4();
       this.uuid = uuid;