Changeset 7e88e46 for phonelux-frontend/src/components/PhoneWithOffersComponent

Timestamp:

09/17/22 01:24:24 (22 months ago)

Author:

Marko <Marko@…>

Branches:

master

Children:

5201690

Parents:

775e15e

Message:

Added more components

Location:

phonelux-frontend/src/components/PhoneWithOffersComponent

Files:

• PhoneWithOffersComponent.css (modified) (1 diff)
• PhoneWithOffersComponent.js (modified) (5 diffs)

phonelux-frontend/src/components/PhoneWithOffersComponent/PhoneWithOffersComponent.css

@@ -69 +69 @@
     border-radius: 50px;
 }
+
+

phonelux-frontend/src/components/PhoneWithOffersComponent/PhoneWithOffersComponent.js

@@ -5 +5 @@
 import './PhoneWithOffersComponent.css'
 import phoneImg from '../../images/phone.png'
+import UserContext from '../../context/UserContext'
+
 
 export class PhoneWithOffersComponent extends Component {
@@ -12 +14 @@
     
       this.state = {
-         phone_offers: []
+         phone_offers: [],
+         loggedUserFavouriteOffers: []
       }
     }
@@ -21 +24 @@
           this.setState({
               phone_offers: response.data
+          }, this.getFavouriteOffersForLoggedUser)
+      }).catch(error => console.log(error))
+    }
+
+    getFavouriteOffersForLoggedUser = () => {
+      if(localStorage.getItem('token'))
+      {
+        var config = {
+          method: 'get',
+          url: '/user/'+this.context.userId+'/favouriteoffers',
+          headers: { 
+            'Authorization': 'Bearer '+localStorage.getItem('token')
+          }
+        };
+        
+        axios(config)
+        .then(response => {
+          this.setState({
+            loggedUserFavouriteOffers: response.data
           })
-      }).catch(error => console.log(error))
+        })
+        .catch(error => {
+          console.log(error);
+        });
+      }
     }
 
@@ -60 +86 @@
                 this.state.phone_offers.map((offer,idx) => <PhoneOfferComponent key={idx} id={offer.id}
                 is_validated={offer.is_validated} offer_shop={offer.offer_shop} offer_name={offer.offer_name}
-                price={offer.price} offer_url={offer.offer_url}
+                price={offer.price} offer_url={offer.offer_url} loggedUserFavouriteOffers={this.state.loggedUserFavouriteOffers}
+                getFavouriteOffersForLoggedUser={this.getFavouriteOffersForLoggedUser}
                 />) 
               }
@@ -73 +100 @@
 }
 
+PhoneWithOffersComponent.contextType = UserContext
+
 export default PhoneWithOffersComponent