From bff021333f6fcc3037997d02662a39f140469d09 Mon Sep 17 00:00:00 2001
From: Ahmed-Ayman <ahmedayman055g@gmail.com>
Date: Thu, 6 Dec 2018 16:26:19 +0200
Subject: [PATCH] add the site-wide components to app.js

---
 src/App.js             | 17 +++++++++++------
 src/containers/Home.js |  3 ---
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/App.js b/src/App.js
index 15b4545..d3fede9 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,18 +1,23 @@
-import React, { Component } from 'react';
-import { Provider } from 'react-redux';
+import React, {Component} from 'react';
+import {Provider} from 'react-redux';
 import './App.css';
-import { Route } from 'react-router-dom';
+import {Route} from 'react-router-dom';
 import Home from './containers/Home';
 import TopicsList from './containers/TopicsList';
 import store from './store/configureStore';
+import Header from "./components/Header";
+import Footer from "./components/Footer";
 
 class App extends Component {
   render() {
     return (
-      <Provider store={ store }>
+      <Provider store={store}>
+
         <div className="App">
-          <Route exact={ true } path="/" component={ Home } />
-          <Route path="/topics" component={ TopicsList } />
+          <Header/>
+          <Route exact={true} path="/" component={Home}/>
+          <Route path="/topics" component={TopicsList}/>
+          <Footer/>
         </div>
       </Provider>
     );
diff --git a/src/containers/Home.js b/src/containers/Home.js
index e923fc0..5d8b91c 100644
--- a/src/containers/Home.js
+++ b/src/containers/Home.js
@@ -16,12 +16,10 @@ class Home extends React.Component {
   render() {
     return (
       <div>
-        <Header/>
         <Search/>
         <RandomTopic/>
         <RandomLocation/>
         <RandomDate/>
-        <Footer/>
       </div>
     );
     //
@@ -41,7 +39,6 @@ class Home extends React.Component {
     //     })}
     //   </div>
     // </div>
-
   }
 }