Changeset 7e88e46 for phonelux-frontend/src/components/PhoneOfferDetailsComponent

Timestamp:

09/17/22 01:24:24 (2 years ago)

Author:

Marko <Marko@…>

Branches:

master

Children:

5201690

Parents:

775e15e

Message:

Added more components

Location:

phonelux-frontend/src/components/PhoneOfferDetailsComponent

Files:

• PhoneOfferDetailsComponent.css (modified) (2 diffs)
• PhoneOfferDetailsComponent.js (modified) (4 diffs)

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

@@ -19 +19 @@
 .phone-offer-details-table-row{
     border: 1px solid gainsboro;
-
 }
 
@@ -67 +66 @@
 .phone-offer-details-last-updated-wrapper{
     display: flex;
+    width: 100%;
     justify-content: start;
+    align-items: center;
+}
+
+.phone-offer-details-edit-header{
+    width: 100%;
+    margin-left: 20px;
+    padding-top: 10px;
+    border: 1px solid black;
+    background-color:  rgb(232, 243, 121);
+    border-radius: 30px;
+    text-align: center; 
+    padding: 10px;
+}
+
+.phone-offer-details-edit-header:hover{
+    cursor: pointer;
+    background-color: rgb(212, 219, 140);
+    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 ;    
+}
+
+.link-offer-edit{
+    width: 15%;
+    height: fit-content;
+    text-decoration: none;
+    display: flex;
 }
 

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

@@ -3 +3 @@
 import './PhoneOfferDetailsComponent.css'
 import HeaderComponent from '../HeaderComponent/HeaderComponent'
+import UserContext from '../../context/UserContext'
+import { Link } from 'react-router-dom'
 
 
@@ -26 +28 @@
 
   render() {
-    console.log(this.state)
     return (
       <div className='phone-offer-details-main'>
@@ -33 +34 @@
           <h3 className='phone-offer-details-last-updated-header'>Последно ажурирана: {this.state.offer == null || 
           this.state.offer.last_updated == null ? '#' : this.state.offer.last_updated.split('T')[0]}</h3>
+          {
+            localStorage.getItem('token') && (this.context.role == 'ADMIN' || this.context.role == 'SUPERADMIN') ?
+            <Link className='link-offer-edit' style={{color:'black'}} to={'/admin/editoffer/'+this.state.offerId}>
+              <h3 className='phone-offer-details-edit-header'>Измени понуда</h3>
+              </Link> : <></>
+          }
         </div>
         <div className='phone-offer-details-table-wrapper'>
@@ -116 +123 @@
 }
 
+PhoneOfferDetailsComponent.contextType = UserContext
+
 export default PhoneOfferDetailsComponent