Index: phonelux-frontend/src/components/CheaperOffersComponent/CheaperOffersComponent.css
===================================================================
--- phonelux-frontend/src/components/CheaperOffersComponent/CheaperOffersComponent.css	(revision 34950c66561199fd9a1d153e0d90d545949de23c)
+++ phonelux-frontend/src/components/CheaperOffersComponent/CheaperOffersComponent.css	(revision 436e0da3dac6a9709c3a2f2049ad88f43f78f9db)
@@ -41,3 +41,14 @@
 
 
+.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;
+}
 
+
+
Index: phonelux-frontend/src/components/CheaperOffersComponent/CheaperOffersComponent.js
===================================================================
--- phonelux-frontend/src/components/CheaperOffersComponent/CheaperOffersComponent.js	(revision 34950c66561199fd9a1d153e0d90d545949de23c)
+++ phonelux-frontend/src/components/CheaperOffersComponent/CheaperOffersComponent.js	(revision 436e0da3dac6a9709c3a2f2049ad88f43f78f9db)
@@ -26,4 +26,6 @@
           aria-describedby="cheaperoffers-modal-description"
         >
+          {
+            this.props.cheaperOffers.length > 0 ?
           <Box className='cheaperoffers-modal-box'>
           <table cellPadding={20} className='cheaperoffers-table'>
@@ -55,5 +57,6 @@
             </tbody>
           </table>
-          </Box>
+          </Box> : <h1 className='no-cheaper-offers-message'>Нема поевтини понуди</h1>
+          }
         </Modal>
       </div>
Index: phonelux-frontend/src/components/HomepageComponent.js
===================================================================
--- phonelux-frontend/src/components/HomepageComponent.js	(revision 34950c66561199fd9a1d153e0d90d545949de23c)
+++ phonelux-frontend/src/components/HomepageComponent.js	(revision 436e0da3dac6a9709c3a2f2049ad88f43f78f9db)
@@ -215,5 +215,4 @@
     })
   }
-  console.log(this.state)
 }
 
@@ -222,5 +221,5 @@
     // console.log(this.context)
     // console.log(localStorage.getItem('token'))
-    console.log(this.state)
+    // console.log(this.state)
     return (
         <>
Index: phonelux-frontend/src/components/PhoneCardGridComponent/PhoneCardGridComponent.js
===================================================================
--- phonelux-frontend/src/components/PhoneCardGridComponent/PhoneCardGridComponent.js	(revision 34950c66561199fd9a1d153e0d90d545949de23c)
+++ phonelux-frontend/src/components/PhoneCardGridComponent/PhoneCardGridComponent.js	(revision 436e0da3dac6a9709c3a2f2049ad88f43f78f9db)
@@ -75,7 +75,48 @@
       } 
 
-      // 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)