observers implemented

Author: Andreas Cedervall

src/Dishes/Dishes.js

@@ -14,8 +14,11 @@ class Dishes extends Component {
       status: "LOADING",
       dishes: null,
       dishType: "All",
-      query: ""
+      query: "",
+      guests: modelInstance.getNumberOfGuests()
     };
+
+    modelInstance.addObserver(this);
   }
 
   // this methods is called by React lifecycle when the
@@ -41,6 +44,13 @@ class Dishes extends Component {
       });
   }
 
+  update(details) {
+    console.log('updating from observer: ', details)
+    this.setState({
+      guests: modelInstance.getNumberOfGuests()
+    })
+  }
+
   render() {
     let dishesList = null;
     const dishTypes = [
@@ -137,7 +147,9 @@ class Dishes extends Component {
     };
 
     return (
+
       <div className="Dishes">
+        <p>Guests {this.state.guests}</p>
         <div>
           <div id="dishSearchViewWrapper">
             <div id="sideBarView"></div>

src/data/DinnerModel.js

@@ -43,6 +43,7 @@ class DinnerModel {
     this.updateObservers("input-num-guests");
     this.updateObservers("value-num-guests");
     document.cookie = 'guests=' + num + ';';
+    this.updateObservers('guests');
 
   }
 
@@ -197,6 +198,7 @@ class DinnerModel {
   }
   updateObservers(detailsToUpdateWith) {
     // instead define update function in each observer that doesnt re-render entire view
+    console.log('observer cointains: ', this._observers)
     this._observers.forEach(obs => obs.update(detailsToUpdateWith));
   }
 }