Refactor Profile for User

client/src/App.js

@@ -14,7 +14,7 @@ import { Route, BrowserRouter, Switch } from 'react-router-dom'
 import NavBar from './components/NavBar'
 
 import Home from './components/Home'
-import Profile from './components/Profile'
+import User from './components/User'
 import Browse from './components/Browse'
 import Search from './components/Search'
 import About from './components/About'
@@ -74,7 +74,7 @@ class App extends Component {
             <NavBar/>
             <Switch>
               <Route exact path='/' component={Home}/>
-              <Route path='/profile' component={Profile} />
+              <Route path='/user' component={User} />
               <Route path='/browse' component={Browse} />
               <Route path='/search' component={Search} />
               <Route path='/about' component={About} />

client/src/components/Footer.js

@@ -14,7 +14,7 @@ const Footer = () => {
             <h5 className="white-text">Links</h5>
             <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='/user'>Profile</NavLink></li>
               <li><NavLink to='/browse'>Browse</NavLink></li>
               <li><NavLink to='/search'>Search</NavLink></li>
               <li><NavLink to='/contact'>Contact</NavLink></li>
@@ -37,7 +37,7 @@ const Footer = () => {
       </div>
       <div className="footer-copyright">
         <div className="container">
-        © 2018 Copyright 
+        © 2018 Copyright
         <a className="grey-text text-lighten-4 right" href="www.advancedalgos.net">Advanced Algos Ltd.</a>
         </div>
       </div>

client/src/components/NavBar.js

@@ -25,7 +25,7 @@ const AboutLink = props => <Link to="/about" {...props} />
 const ContactLink = props => <Link to="/contact" {...props} />
 const SearchLink = props => <Link to="/search" {...props} />
 const BrowseLink = props => <Link to="/browse" {...props} />
-const ProfileLink = props => <Link to="/profile" {...props} />
+const UserLink = props => <Link to="/user" {...props} />
 const HomeLink = props => <Link to="/" {...props} />
 
 const styles = {
@@ -72,7 +72,7 @@ class NavBar extends Component {
             </Typography>
 
             <IconButton className={classes.menuButton} color="inherit" title="Home" component={HomeLink}><HomeIcon /></IconButton>
-            <IconButton className={classes.menuButton} color="inherit" title="Manage you User Profile" component={ProfileLink}><ProfileIcon /></IconButton>
+            <IconButton className={classes.menuButton} color="inherit" title="Manage you User Profile" component={UserLink}><ProfileIcon /></IconButton>
             <IconButton className={classes.menuButton} color="inherit" title="Browse the Users Directory" component={BrowseLink}><BrowseIcon /></IconButton>
             <IconButton className={classes.menuButton} color="inherit" title="Search Users" component={SearchLink}><SearchIcon /></IconButton>
             <IconButton className={classes.menuButton} color="inherit" title="Contact Form" component={ContactLink}><ContactIcon /></IconButton>

client/src/components/User.js

@@ -3,7 +3,7 @@ import React from 'react'
 
 import ProfileTabs from './ProfileTabs';
 
-const Profile = () => {
+const User = () => {
   return (
     <div>
       <ProfileTabs/>
@@ -11,4 +11,4 @@ const Profile = () => {
   )
 }
 
-export default Profile
+export default User