Changeset d66b8eb for phonelux-frontend/src/components/UserFavouriteOffersComponent/UserFavouriteOffersComponent.js

Timestamp:

09/21/22 18:47:39 (22 months ago)

Author:

Marko <Marko@…>

Branches:

master

Children:

34950c6

Parents:

5201690

Message:

Component for editing offers added

File:

• phonelux-frontend/src/components/UserFavouriteOffersComponent/UserFavouriteOffersComponent.js (modified) (5 diffs)

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

@@ -7 +7 @@
 import PhoneOfferComponent from '../PhoneOfferComponent/PhoneOfferComponent'
 import CheaperOffersComponent from '../CheaperOffersComponent/CheaperOffersComponent'
+import { wait } from '@testing-library/user-event/dist/utils'
 
 export class UserFavouriteOffersComponent extends Component {
@@ -21 +22 @@
 
     componentDidMount(){
+      if(!localStorage.getItem('token')){
+        window.location.href = "/"
+      }
+
       this.getFavouriteOffersForLoggedUser()
     }
@@ -27 +32 @@
       var config = {
         method: 'get',
-        url: '/user/'+this.context.userId+'/favouriteoffers',
+        url: '/user/'+window.location.href.split('/')[4]+'/favouriteoffers',
         headers: { 
           'Authorization': 'Bearer '+localStorage.getItem('token')
@@ -59 +64 @@
     
   render() {
-  
+  // console.log(this.context)
 
     return (
@@ -71 +76 @@
           <StarIcon style={{fontSize: '50px', marginTop: '20px', marginLeft: '10px'}}/>
           </div>
-          <table cellPadding={20} className='phone-with-offers-table'>
-            <thead className='phone-with-offers-table-head'>
-              <tr>
-              <th>Продавница</th>
-              <th>Име на понуда</th>
-              <th>Цена</th>
-              <th></th>
-              </tr>
-            </thead>
-            <tbody>
-              {
-                this.state.userFavouriteOffers.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} handleOpen={this.handleOpen} 
-                loggedUserFavouriteOffers={this.state.userFavouriteOffers}
-                getFavouriteOffersForLoggedUser={this.getFavouriteOffersForLoggedUser}
-                />) 
-              }
-            </tbody>
-          </table>
+
+          {(() => {
+            if(this.state.userFavouriteOffers.length != 0){
+              return <table cellPadding={20} className='phone-with-offers-table'>
+              <thead className='phone-with-offers-table-head'>
+                <tr>
+                <th>Продавница</th>
+                <th>Име на понуда</th>
+                <th>Цена</th>
+                <th></th>
+                </tr>
+              </thead>
+              <tbody>
+                {
+                  this.state.userFavouriteOffers.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} handleOpen={this.handleOpen} 
+                  loggedUserFavouriteOffers={this.state.userFavouriteOffers}
+                  getFavouriteOffersForLoggedUser={this.getFavouriteOffersForLoggedUser}
+                  />) 
+                }
+              </tbody>
+            </table>
+            }
+            else{
+              return <h1 className='no-offers-saved-message'>Нема зачувано понуди</h1>
+            }
+        
+          })()}
+          
           <CheaperOffersComponent
            cheaperOffers={this.state.cheaperOffers}