From b25e20846cb34e79055d76989d256d1bed63e521 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Wed, 5 Sep 2018 08:05:43 +0200
Subject: [PATCH] Links to the footer, including social icons

---
 client/src/components/Footer.js | 25 ++++++++++++++++++++-----
 client/src/components/Navbar.js | 10 ----------
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/client/src/components/Footer.js b/client/src/components/Footer.js
index 801f04039..a5569d9f1 100644
--- a/client/src/components/Footer.js
+++ b/client/src/components/Footer.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import { NavLink, withRouter } from 'react-router-dom'
 
 const Footer = () => {
   return (
@@ -11,11 +12,25 @@ const Footer = () => {
           </div>
           <div className="col l4 offset-l2 s12">
             <h5 className="white-text">Links</h5>
-            <ul>
-              <li><a className="grey-text text-lighten-3" href="#!">Link 1</a></li>
-              <li><a className="grey-text text-lighten-3" href="#!">Link 2</a></li>
-              <li><a className="grey-text text-lighten-3" href="#!">Link 3</a></li>
-              <li><a className="grey-text text-lighten-3" href="#!">Link 4</a></li>
+            <ul className="right hide-on-med-and-down">
+              <li><NavLink exact to="/">Home</NavLink></li>
+              <li><NavLink to='/profile'>Profile</NavLink></li>
+              <li><NavLink to='/browse'>Browse</NavLink></li>
+              <li><NavLink to='/search'>Search</NavLink></li>
+              <li><NavLink to='/contact'>Contact</NavLink></li>
+              <li><NavLink to='/about'>About</NavLink></li>
+              <li><a href="http://modules.advancedalgos.net">Modules</a></li>
+
+              <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="You Tube">
+                <i className="fab fa-youtube"></i>
+              </a></li>
+              <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Facebook">
+                <i className="fab fa-facebook"></i>
+              </a></li>
+              <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Twitter">
+                <i className="fab fa-twitter"></i>
+              </a></li>
+
             </ul>
           </div>
         </div>
diff --git a/client/src/components/Navbar.js b/client/src/components/Navbar.js
index 2d4144ccc..add70af3e 100644
--- a/client/src/components/Navbar.js
+++ b/client/src/components/Navbar.js
@@ -34,16 +34,6 @@ const Navbar = (props) => {
             <li><NavLink to='/about'>About</NavLink></li>
             <li><a href="http://modules.advancedalgos.net">Modules</a></li>
 
-            <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="You Tube">
-              <i className="fab fa-youtube"></i>
-            </a></li>
-            <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Facebook">
-              <i className="fab fa-facebook"></i>
-            </a></li>
-            <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Twitter">
-              <i className="fab fa-twitter"></i>
-            </a></li>
-
           </ul>
           <ul className="sidenav grey lighten-2" id="mobile-menu">
             <li><NavLink exact to="/">Home</NavLink></li>