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

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/PhoneOfferComponent

Files:

• PhoneOfferComponent.css (modified) (1 diff)
• PhoneOfferComponent.js (modified) (3 diffs)

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

@@ +1 @@
+.phone-with-offers-table-row{
+    font-size: 18px;
+}
+
+.phone-with-offers-table-row > td:first-of-type {
+    font-weight: bold;
+}
+
+.phone-offer-specifications-button{
+    font-size: 17px;
+    padding: 10px;
+    background-color: #B6E2C8;
+    border-radius: 20px;
+    border: 1px solid black;
+}
+
+.phone-with-offers-table-row td:last-of-type{
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+.phone-offer-specifications-button:hover{
+    cursor: pointer;
+    background-color: rgb(166, 201, 171);
+    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
+    transition: box-shadow 0.5s, background-color 0.5s ;
+}

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

@@ -1 +1 @@
 import React, { Component } from 'react'
+import { Link } from 'react-router-dom'
+import './PhoneOfferComponent.css'
 
 export class PhoneOfferComponent extends Component {
@@ -13 +15 @@
     
   render() {
-    console.log(this.props)
+    // console.log(this.props)
     return (
       <tr className='phone-with-offers-table-row'>
       <td>{this.props.offer_shop}</td>
-      <td><a href={this.props.offer_url}>{this.props.offer_name}</a></td>
+      <td><a style={{ textDecoration: 'none' }} href={this.props.offer_url}>{this.props.offer_name}</a></td>
       <td>{this.props.price} ден.</td>
-      <td></td>
+      <td>
+        <Link style={{ textDecoration: 'none' }} to={"/phoneoffer/"+this.props.id}>
+          <button className='phone-offer-specifications-button'>Спецификации</button>
+        </Link>
+        </td>
       </tr>
     )
@@ -27 +33 @@
 export default PhoneOfferComponent
 
-
-
-
-// back_camera: null
-// battery: null
-// chipset: null
-// color: null
-// cpu: null
-// front_camera: null
-// id: 486
-// image_url: "https://setec.mk/image/cache/catalog/Product/51841_0-228x228.jpg"
-// is_validated: false
-// last_updated: "2022-07-26T22:00:00.000+00:00"
-// offer_description: "Apple iPhone 13 128GB Midnight, GSM/CDMA/HSPA/EVDO/LTE/ 5G, Display: Super Retina XDR OLED; HDR10; Dolby Vision; 800 nits (HBM); 1200 nit…"
-// offer_name: "Apple iPhone 13 128GB Midnight"
-// offer_shop: "Setec"
-// offer_shop_code: "51841"
-// offer_url: "https://setec.mk/index.php?route=product/product&path=10066_10067&product_id=51841"
-// operating_system: null
-// price: 63990
-// ram_memory: null
-// rom_memory: null