From 0d23df28b607f958b4ef0b24fe602bdde432766b Mon Sep 17 00:00:00 2001
From: Avichai <avisvazana@gmail.com>
Date: Fri, 16 Nov 2018 13:40:26 -0500
Subject: [PATCH] Add files

---
 .../components/{browse.scss => main_content.scss}         | 8 ++++++++
 frontend/components/App.jsx                               | 2 +-
 frontend/components/main/main_content.jsx                 | 4 ++++
 3 files changed, 13 insertions(+), 1 deletion(-)
 rename app/assets/stylesheets/components/{browse.scss => main_content.scss} (87%)

diff --git a/app/assets/stylesheets/components/browse.scss b/app/assets/stylesheets/components/main_content.scss
similarity index 87%
rename from app/assets/stylesheets/components/browse.scss
rename to app/assets/stylesheets/components/main_content.scss
index 8879044..cbd13b2 100644
--- a/app/assets/stylesheets/components/browse.scss
+++ b/app/assets/stylesheets/components/main_content.scss
@@ -21,6 +21,14 @@
     opacity: .95;
 }
 
+.main-container .logo {
+  display: flex;
+  justify-content: left;
+  font-weight: 545;
+  font-size: 24px;
+  color: white;
+}
+
 
 
 // body {
diff --git a/frontend/components/App.jsx b/frontend/components/App.jsx
index c571521..a0915f1 100644
--- a/frontend/components/App.jsx
+++ b/frontend/components/App.jsx
@@ -4,7 +4,7 @@ import { Route, Switch } from 'react-router-dom';
 import LoginFormContainer from './session/login_form_container';
 import SignupFormContainer from './session/signup_form_container';
 import SplashContainer from './splash/splash_container';
-import BrowseContainer from './browse/browse_container';
+import BrowseContainer from './main/browse_container';
 
 const App = () => {
     return (
diff --git a/frontend/components/main/main_content.jsx b/frontend/components/main/main_content.jsx
index bd26f05..636536d 100644
--- a/frontend/components/main/main_content.jsx
+++ b/frontend/components/main/main_content.jsx
@@ -6,6 +6,10 @@ class MainContent extends React.Component {
     return (
       <div className="main-container">
         <nav className="nav-bar">
+          <div className="logo">
+            <img src={window.whiteLogoURL}></img>
+            <h1>Spoofify</h1>
+          </div>
           <button onClick={()=>this.props.logout()}>Logout</button>
         </nav>
       </div>