Merge pull request #12 from AnnaDodson/new-account-page

New account page
AnnaDodson · Sep 24, 2019 · ca44373 · ca44373
2 parents 2128cc8 + 18e56fc
commit ca44373
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 1 deletion.
diff --git a/ClientApp/src/App.js b/ClientApp/src/App.js
@@ -6,6 +6,7 @@ import { ScoreBoard } from './components/ScoreBoard';
 import { TeamScoreboard } from './components/TeamScoreboard';
 import { Register } from './components/Register';
 import { Login } from './components/Login';
+import { Account } from './components/Account';
 
 export default class App extends Component {
   static displayName = App.name;
@@ -18,6 +19,7 @@ export default class App extends Component {
         <Route path='/scoreboard' component={ScoreBoard} />
         <Route path='/register' component={Register} />
         <Route path='/login' component={Login} />
+        <Route path='/account' component={Account} />
       </Layout>
     );
   }

diff --git a/ClientApp/src/components/Account.js b/ClientApp/src/components/Account.js
@@ -0,0 +1,23 @@
+import React, { Component } from 'react';
+import { Link } from 'react-router-dom';
+
+export class Account extends Component {
+  static displayName = Account.name;
+
+  render () {
+    return (
+      <div>
+        <h2>Your Account</h2>
+        <br />
+        <h3>Oopes this page doesn't really exist yet.</h3>
+        <p>This web app is still being built.</p>
+        <br />
+        <p>You can take a look at the progress on <Link to="https://github.com/AnnaDodson/step-challenge">GitHub</Link>. All contributions welcome.</p>
+        <h3>Found a bug?</h3>
+        <p>Raise an issue <Link to="https://github.com/AnnaDodson/step-challenge/issues">Here</Link>.</p>
+        <h3>Have a request?</h3>
+        <p>Make an issue <Link to="https://github.com/AnnaDodson/step-challenge/issues">Here</Link>.</p>
+      </div>
+    );
+  }
+}
diff --git a/ClientApp/src/components/SettingsMenu.js b/ClientApp/src/components/SettingsMenu.js
@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import { Link } from 'react-router-dom';
 import Dropdown from 'react-bootstrap/Dropdown';
 import Auth from './Auth';
 
@@ -20,7 +21,7 @@ export default class SettingsMenu extends Component {
             </Dropdown.Toggle>
 
             <Dropdown.Menu>
-              <Dropdown.Item>Account</Dropdown.Item>
+              <Dropdown.Item><Link to="/account">Account</Link></Dropdown.Item>
               <Dropdown.Item onClick={this.handleLogout}>Log out</Dropdown.Item>
             </Dropdown.Menu>
         </Dropdown>