From b808f029d3c7c76e56d1a7e357f48dc3c19c175f Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Fri, 2 Nov 2018 14:51:31 +0100
Subject: [PATCH] About page removed

---
 client/src/components/About.js  | 51 ---------------------------------
 client/src/components/NavBar.js | 12 --------
 client/src/index.js             |  6 ----
 3 files changed, 69 deletions(-)
 delete mode 100644 client/src/components/About.js

diff --git a/client/src/components/About.js b/client/src/components/About.js
deleted file mode 100644
index bed14f40e..000000000
--- a/client/src/components/About.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react'
-import Button from '@material-ui/core/Button'
-import Dialog from '@material-ui/core/Dialog'
-import DialogActions from '@material-ui/core/DialogActions'
-import DialogContent from '@material-ui/core/DialogContent'
-import DialogContentText from '@material-ui/core/DialogContentText'
-import DialogTitle from '@material-ui/core/DialogTitle'
-import CssBaseline from '@material-ui/core/CssBaseline'
-
-class About extends React.Component {
-  state = {
-    open: true
-  }
-
-  handleClickOpen = () => {
-    this.setState({ open: true })
-  }
-
-  handleClose = () => {
-    this.setState({ open: false })
-  }
-
-  render () {
-    return (
-      <React.Fragment>
-        <CssBaseline />
-        <Dialog
-          open={this.state.open}
-          onClose={this.handleClose}
-          aria-labelledby='alert-dialog-title'
-          aria-describedby='alert-dialog-description'>
-          <DialogTitle id='alert-dialog-title'>
-            {"Section under development."}
-          </DialogTitle>
-          <DialogContent>
-            <DialogContentText id='alert-dialog-description'>
-              The functionality of this section has not been developed yet. We expect to have it for November 2018. Thanks for your understanding.
-            </DialogContentText>
-          </DialogContent>
-          <DialogActions>
-            <Button onClick={this.handleClose} color='primary' autoFocus>
-              Close
-            </Button>
-          </DialogActions>
-        </Dialog>
-      </React.Fragment>
-    )
-  }
-}
-
-export default About
diff --git a/client/src/components/NavBar.js b/client/src/components/NavBar.js
index 6db9d06f2..20fd77632 100644
--- a/client/src/components/NavBar.js
+++ b/client/src/components/NavBar.js
@@ -12,7 +12,6 @@ import UsersIcon from '@material-ui/icons/People'
 import BrowseIcon from '@material-ui/icons/ImportContacts'
 import SearchIcon from '@material-ui/icons/Search'
 import ContactIcon from '@material-ui/icons/ContactMail'
-import AboutIcon from '@material-ui/icons/FormatShapes'
 import BugReportIcon from '@material-ui/icons/BugReport'
 
 import { Link } from 'react-router-dom'
@@ -23,7 +22,6 @@ import LoggedInUser from './LoggedInUser'
 const HomeLink = props => <Link to='/users' {...props} />
 const BrowseLink = props => <Link to='/users/browse' {...props} />
 const SearchLink = props => <Link to='/users/search' {...props} />
-const AboutLink = props => <Link to='/users/about' {...props} />
 
 const styles = theme => ({
   root: {
@@ -114,16 +112,6 @@ class NavBar extends Component {
               <SearchIcon className={classNames(classes.leftIcon, classes.iconSmall)} />
               Search
             </Button>
-            <Button
-              variant='text'
-              size='small'
-              className={classNames(classes.button, classes.cssRoot)}
-              title='About the Users Module'
-              component={AboutLink}
-              to={`${match.url}/about`}>
-              <AboutIcon className={classNames(classes.leftIcon, classes.iconSmall)} />
-              About
-            </Button>
             <Button
               variant='text'
               size='small'
diff --git a/client/src/index.js b/client/src/index.js
index e77b9c49f..66f52879e 100644
--- a/client/src/index.js
+++ b/client/src/index.js
@@ -11,7 +11,6 @@ import Home from './components/Home'
 import User from './components/User'
 import Browse from './components/Browse'
 import Search from './components/Search'
-import About from './components/About'
 import Contact from './components/Contact'
 
 import { getItem } from './utils/local-storage'
@@ -65,11 +64,6 @@ class App extends Component {
               path={`${match.path}/search`}
               render={props => <Search {...props} auth={this.props.auth} />}
             />
-            <Route
-              exact
-              path={`${match.path}/about`}
-              render={props => <About {...props} auth={this.props.auth} />}
-            />
             <Route path='/browse/:slug' component={Browse} />
           </Switch>
         </div>