Changeset e5b84dc for phonelux-frontend/src/components/PhoneWithOffersComponent

Timestamp:

09/11/22 18:03:58 (22 months ago)

Author:

Marko <Marko@…>

Branches:

master

Children:

775e15e

Parents:

527b93f

Message:

Prototype version

Location:

phonelux-frontend/src/components/PhoneWithOffersComponent

Files:

• PhoneWithOffersComponent.css (modified) (2 diffs)
• PhoneWithOffersComponent.js (modified) (3 diffs)

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

@@ -23 +23 @@
 
 .phone-with-offers-table-row:nth-of-type(even){
-    background-color: #DEE4E1;
+    background-color: #eef2f0;
 }
 
@@ -51 +51 @@
     font-size: 22px;
 }
+
+.phone-with-offers-model-header{
+    border: 1px solid gray;
+    padding: 10px;
+    padding-left: 50px;
+    padding-right: 50px;
+    border-radius: 10px 60px;
+    box-shadow: inset 0px 0px 25px 0px rgb(120, 190, 139);
+    outline: none;
+    background-color: #c4f3d8;
+}
+
+.phone-with-offers-totaloffers-header{
+    padding: 10px;
+    border: 1px solid rgb(199, 193, 193);
+    background-color: #B6E2C8;
+    border-radius: 50px;
+}

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

@@ -31 +31 @@
         <div className='phone-with-offers-sub-main'>
             <div className='phone-with-offers-totaloffers-div'>
-                <h3>Понуди: {this.props.total_offers}</h3>
+                <h3 className='phone-with-offers-totaloffers-header'>Понуди: {this.props.total_offers}</h3>
             </div>
 
@@ -41 +41 @@
 
             <div className='phone-with-offers-model-wrapper'>
-            <h1>{this.props.model}</h1>
+            <h1 className='phone-with-offers-model-header'>{this.props.model}</h1>
             </div>
         </div>
@@ -58 +58 @@
             <tbody>
               {
-                this.state.phone_offers.map((offer) => <PhoneOfferComponent key={offer.offer_id} id={offer.id}
+                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}