Index: phonelux-frontend/src/components/ScrappersComponent/ScrapperInfoComponent.js
===================================================================
--- phonelux-frontend/src/components/ScrappersComponent/ScrapperInfoComponent.js	(revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ phonelux-frontend/src/components/ScrappersComponent/ScrapperInfoComponent.js	(revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
@@ -0,0 +1,25 @@
+import React, { Component } from 'react'
+
+export class ScrapperInfoComponent extends Component {
+    constructor(props) {
+      super(props)
+    
+      this.state = {
+         
+      }
+    }
+    
+  render() {
+    return (
+        <tr className='scrappers-section-table-row'>
+        <td>{this.props.store}</td>
+        <td>{this.props.status == 'success' ? <span className='scrapper-info-success'>Успешно</span> 
+        : 
+        <span className='scrapper-info-failed'>Неуспешно</span>}</td>
+        <td>{this.props.recievedAt.split('T')[0]}</td>
+      </tr>
+    )
+  }
+}
+
+export default ScrapperInfoComponent
Index: phonelux-frontend/src/components/ScrappersComponent/ScrappersComponent.css
===================================================================
--- phonelux-frontend/src/components/ScrappersComponent/ScrappersComponent.css	(revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ phonelux-frontend/src/components/ScrappersComponent/ScrappersComponent.css	(revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
@@ -0,0 +1,52 @@
+.scrappers-section-header{
+    background-color: #B6E2C8;
+    justify-content: center;
+    align-content: center;
+    margin-top: -30px;
+    width: 100%;
+    display: flex;
+    font-size: 18px;
+}
+.scrappers-section-header-text{
+    width: fit-content;
+}
+
+
+.scrappers-section-table{
+    border-collapse: collapse;
+    width: 100%;
+    table-layout: fixed;
+}
+
+.scrappers-section-table-row{
+    border: 1px solid gainsboro;
+    padding: 20px ;
+    font-size: 18px;
+}
+
+.scrappers-section-table td{
+    text-align: center;
+    word-wrap: break-word;
+}
+
+.scrappers-section-table-head{
+    background-color: #a6c9ab;
+    font-size: 22px;
+}
+
+.scrappers-section-table-head th{
+    word-wrap: break-word;
+    width: 100%;
+}
+
+.scrapper-info-failed{
+    color: red;
+}
+
+.scrapper-info-success{
+    color: #58ad7b;
+}
+
+.scrappers-section-table-row{
+    font-weight: bold;
+}
Index: phonelux-frontend/src/components/ScrappersComponent/ScrappersComponent.js
===================================================================
--- phonelux-frontend/src/components/ScrappersComponent/ScrappersComponent.js	(revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ phonelux-frontend/src/components/ScrappersComponent/ScrappersComponent.js	(revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
@@ -0,0 +1,69 @@
+import axios from 'axios'
+import React, { Component } from 'react'
+import HeaderComponent from '../HeaderComponent/HeaderComponent'
+import ScrapperInfoComponent from './ScrapperInfoComponent'
+import "./ScrappersComponent.css"
+
+export class ScrappersComponent extends Component {
+    constructor(props) {
+      super(props)
+    
+      this.state = {
+        scrapperinfos: []
+      }
+
+    }
+
+    componentDidMount(){
+        var config = {
+            method: 'get',
+            url: '/scrapperinfo',
+            headers: { 
+              'Authorization': 'Bearer '+localStorage.getItem('token')
+            }
+          };
+          
+          axios(config)
+          .then(response => {
+            this.setState({
+                scrapperinfos: response.data
+            })
+          })
+          .catch(error => {
+            console.log(error);
+          });
+    }
+    
+  render() {
+    return (
+        <div className='scrappers-section-main'>
+            <HeaderComponent/>
+            <div className='scrappers-section-header'>
+            <h1 className='scrappers-section-header-text'>
+                Преземање на содржина
+            </h1>
+            </div>
+
+            <div className='scrappers-info-section'>
+                <table cellPadding={20} className='scrappers-section-table'>
+                    <thead className='scrappers-section-table-head'>
+                    <tr>
+                    <th>Продавница</th>
+                    <th>Статус</th>
+                    <th>Датум</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {
+                        this.state.scrapperinfos.map((info,idx) => <ScrapperInfoComponent key={idx} id={info.id} store={info.store} 
+                        status={info.status} recievedAt={info.recievedAt}/>) 
+                    }
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    )
+  }
+}
+
+export default ScrappersComponent
