Changeset 436e0da for phonelux-frontend/src

Timestamp:

09/22/22 03:14:53 (2 years ago)

Author:

Marko <Marko@…>

Branches:

master

Children:

48f3030

Parents:

34950c6

Message:

Cheaper offers component edited

Location:

phonelux-frontend/src/components

Files:

• CheaperOffersComponent/CheaperOffersComponent.css (modified) (1 diff)
• CheaperOffersComponent/CheaperOffersComponent.js (modified) (2 diffs)
• HomepageComponent.js (modified) (2 diffs)
• PhoneCardGridComponent/PhoneCardGridComponent.js (modified) (1 diff)

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

@@ -41 +41 @@
 
 
+.no-cheaper-offers-message{
+    width: fit-content;
+    padding: 25px;
+    border-radius: 20px;
+    background-color: #a6c9ab;
+    margin: 0 auto;
+    margin-top: 300px;
+    border: 2px solid black;
+}
 
+
+

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

@@ -26 +26 @@
           aria-describedby="cheaperoffers-modal-description"
         >
+          {
+            this.props.cheaperOffers.length > 0 ?
           <Box className='cheaperoffers-modal-box'>
           <table cellPadding={20} className='cheaperoffers-table'>
@@ -55 +57 @@
             </tbody>
           </table>
-          </Box>
+          </Box> : <h1 className='no-cheaper-offers-message'>Нема поевтини понуди</h1>
+          }
         </Modal>
       </div>

phonelux-frontend/src/components/HomepageComponent.js

@@ -215 +215 @@
     })
   }
-  console.log(this.state)
 }
 
@@ -222 +221 @@
     // console.log(this.context)
     // console.log(localStorage.getItem('token'))
-    console.log(this.state)
+    // console.log(this.state)
     return (
         <>

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

@@ -75 +75 @@
       } 
 
-      // dodaj gi i filtrite za specifikacija
+      if(this.props.ram)
+      {
+        filters += 'ram='+this.props.ram+'&'
+      } 
 
-      // izdvoj metod da ti pravi querystring
+      if(this.props.rom)
+      {
+        filters += 'rom='+this.props.rom+'&'
+      } 
+
+      if(this.props.frontcamera)
+      {
+        filters += 'frontcamera='+this.props.frontcamera+'&'
+      } 
+
+      if(this.props.backcamera)
+      {
+        filters += 'backcamera='+this.props.backcamera+'&'
+      } 
+
+      if(this.props.chipset)
+      {
+        filters += 'chipset='+this.props.chipset+'&'
+      } 
+
+      if(this.props.cpu)
+      {
+        filters += 'cpu='+this.props.cpu+'&'
+      } 
+
+      if(this.props.operatingsystem)
+      {
+        filters += 'operatingsystem='+this.props.operatingsystem+'&'
+      } 
+
+      if(this.props.color)
+      {
+        filters += 'color='+this.props.color+'&'
+      } 
+
+      if(this.props.battery)
+      {
+        filters += 'battery='+this.props.battery+'&'
+      } 
 
       axios.get('/phones'+filters)