Index: phonelux-frontend/src/components/EditOfferComponent/EditOfferComponent.css
===================================================================
--- phonelux-frontend/src/components/EditOfferComponent/EditOfferComponent.css	(revision 7e88e4629bb341cb3730a26b5197ab06068ce0db)
+++ phonelux-frontend/src/components/EditOfferComponent/EditOfferComponent.css	(revision 7e88e4629bb341cb3730a26b5197ab06068ce0db)
@@ -0,0 +1,69 @@
+.edit-offer-table th{
+    text-align: center;
+    font-size: 38px;
+    padding: 20px;
+}
+
+.edit-offer-component-main{
+    width: 100%;
+}
+
+.edit-offer-table thead tr{
+    background-color: #a6c9ab;
+}
+
+.edit-offer-table-row:nth-of-type(even){
+    background-color: #eef2f0;
+}
+
+.edit-offer-table-row{
+    border: 1px solid gainsboro;
+}
+
+.edit-offer-table{
+    border-collapse: collapse;
+    width: 80%;
+    table-layout: fixed;
+}
+
+.edit-offer-table-row td{
+    text-align: center;
+    word-wrap: break-word;
+    font-size: 22px;
+    padding: 20px;
+}
+
+.edit-offer-table-wrapper{
+    display: flex;
+    justify-content: center;
+    margin-top: 30px;
+    margin-bottom: 50px;
+}
+
+.edit-offer-textarea{
+    max-width: 100%;
+    min-width: 100%;
+    font-size: 22px;
+}
+
+.edit-offer-price-input{
+    width: 20%;
+    font-size: 22px;
+    background-color: rgb(238, 240, 238);
+    border: 1px solid black;
+    text-align: center;
+
+}
+
+.edit-offer-price-span{
+    margin-left: 10px;
+}
+
+.edit-offer-table-textarea{
+    max-width: 100%;
+    min-width: 100%;
+    max-height: 100px;
+    min-height: 100px;
+    background-color: rgb(230, 232, 230);
+    font-size: 22px;
+}
Index: phonelux-frontend/src/components/EditOfferComponent/EditOfferComponent.js
===================================================================
--- phonelux-frontend/src/components/EditOfferComponent/EditOfferComponent.js	(revision 7e88e4629bb341cb3730a26b5197ab06068ce0db)
+++ phonelux-frontend/src/components/EditOfferComponent/EditOfferComponent.js	(revision 7e88e4629bb341cb3730a26b5197ab06068ce0db)
@@ -0,0 +1,113 @@
+import axios from 'axios'
+import React, { Component } from 'react'
+import HeaderComponent from '../HeaderComponent/HeaderComponent'
+import './EditOfferComponent.css'
+
+export class EditOfferComponent extends Component {
+
+    constructor(props) {
+      super(props)
+      this.state = {
+         offerId: window.location.href.split('/')[5],
+         offer: {}
+      }
+    }
+
+    componentDidMount(){
+        var config = {
+            method: 'get',
+            url: '/phoneoffer/'+this.state.offerId,
+            headers: { }
+          };
+          
+          axios(config)
+          .then(response => {
+            this.setState({
+                offer: response.data
+            })
+          })
+          .catch(error => {
+            console.log(error);
+          });
+          
+    }
+    
+  render() {
+    return (
+      <div className='edit-offer-component-main'>
+        <HeaderComponent/>
+        <div className='edit-offer-table-wrapper'>
+            <table className='edit-offer-table'>
+                <thead>
+                    <tr><th colSpan={2}>Измени детали за понудата</th></tr>
+                </thead>
+                <tbody>
+                    <tr className='edit-offer-table-row'>
+                        <td>Име на понуда</td>
+                        <td><a href={this.state.offer == null || this.state.offer.offer_url == null ? 
+              '#' : this.state.offer.offer_url}>{this.state.offer == null || this.state.offer.offer_name == null ? 
+              '/' : this.state.offer.offer_name}</a></td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>Продавница</td>
+                        <td>{this.state.offer == null || 
+              this.state.offer.offer_shop == null ? '/' : this.state.offer.offer_shop}</td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>Цена</td>
+                        <td><input value={this.state.offer == null || 
+              this.state.offer.price == null ? '/' : this.state.offer.price} className='edit-offer-price-input'/><span className='edit-offer-price-span'>ден.</span></td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>Предна камера</td>
+                        <td><textarea className='edit-offer-table-textarea'></textarea></td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>Задна камера</td>
+                        <td><textarea className='edit-offer-table-textarea'></textarea></td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>РОМ меморија</td>
+                        <td><textarea className='edit-offer-table-textarea'></textarea></td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>РАМ меморија</td>
+                        <td><textarea className='edit-offer-table-textarea'></textarea></td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>Оперативен систем</td>
+                        <td><textarea className='edit-offer-table-textarea'></textarea></td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>Чипсет</td>
+                        <td><textarea className='edit-offer-table-textarea'></textarea></td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>Процесор</td>
+                        <td><textarea className='edit-offer-table-textarea'></textarea></td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>Батерија</td>
+                        <td><textarea className='edit-offer-table-textarea'></textarea></td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>Боја</td>
+                        <td><textarea className='edit-offer-table-textarea'></textarea></td>
+                    </tr>
+                    <tr className='edit-offer-table-row'>
+                        <td>Опис</td>
+                        <td><textarea className='edit-offer-table-textarea'></textarea></td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+
+
+      </div>
+      
+    )
+  }
+}
+
+export default EditOfferComponent
