🔥 - working with one header; some redundency del

The state is working nicely with one header. In addition I've started to remove redundent components no longer needed. chingu-voyages#94

client/src/components/Dashboard.js

@@ -1,10 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-//import Layout from '../containers/Layout';
 import SocialProfileList from './SocialProfileList';
-//import { auth } from '../firebase';
 import axios from 'axios';
-import HeaderLoggedIn from '../containers/HeaderLoggedIn';
 import NewHabit from './NewHabit';
 import CheckIn from './check-in';
 import CurrentHabit from './CurrentHabit';

client/src/components/header.js

@@ -2,30 +2,31 @@ import React from 'react';
 
 const Header = (props) => (
 
+    <div>
+        {/* Logged in*/}
+        {props.providerData &&  
+            <header className="headerLogin">
+                <button 
+                    aria-haspopup="true"
+                    aria-expanded={"false"}
+                    id="hamburger-menu" >
+                    <i className="main-button-icon fa fa-bars fa-3x"></i>
+                </button>
+                <h1>Habit Tracker</h1> 
+                <img src={props.providerData[0].photoURL}
+                    alt={props.providerData[0].providerName}
+                    className="container__profile--photo" />
 
-    <header className="App-header">      
-
-        {props.providerData && <button
-
-            aria-haspopup="true"
-            aria-expanded={"false"}
-            id="hamburger-menu" >
-            <i className="main-button-icon fa fa-bars fa-3x"></i>
-        </button>}
+            </header>
+        }
+        {/* Not Logged in*/}
+        {!props.providerData && 
+            <header >
+                <h1>Habit Tracker</h1>
+            </header>
+        }
 
-            <h1>Habit Tracker</h1> 
-
-
-        {props.providerData && 
-
-                        <img src={props.providerData[0].photoURL}
-                             alt={props.providerData[0].providerName}
-                             className="container__profile--photo" />
-
-               }
-
-    </header>
-
-);
+    </div>
+);  
 
 export default Header;