Fix broken links

website/src/App.js

@@ -56,7 +56,7 @@ export class App extends Component {
             <ProtectedRoute exact path="/app/profile" component={Profile} />
             <ProtectedRoute exact admin path="/app/home" component={Home} />
             <ProtectedRoute exact admin path="/app/teams" component={Teams} />
-            <ProtectedRoute exact admin path="/system" component={System} />
+            <ProtectedRoute exact admin path="/app/system" component={System} />
             <ProtectedRoute exact admin path="/app/users" component={Users} />
             <DefaultRoute redirect="/app/home" />
           </Switch>

website/src/Home/Home.js

@@ -19,7 +19,7 @@ export class Home extends Component {
               <PanelButton
                 icon="users"
                 text="Users"
-                onClick={() => this.props.history.push("/users")}
+                onClick={() => this.props.history.push("/app/users")}
               />
             </Row.Item>
             <Row.Item width={sizeInfo.panelButtonSpacing} />
@@ -27,7 +27,7 @@ export class Home extends Component {
               <PanelButton
                 icon="teams"
                 text="Teams"
-                onClick={() => this.props.history.push("/teams")}
+                onClick={() => this.props.history.push("/app/teams")}
               />
             </Row.Item>
             <Row.Item width={sizeInfo.panelButtonSpacing} />
@@ -35,7 +35,7 @@ export class Home extends Component {
               <PanelButton
                 icon="system"
                 text="System"
-                onClick={() => this.props.history.push("/system")}
+                onClick={() => this.props.history.push("/app/system")}
               />
             </Row.Item>
             <Row.Item grow />

website/src/Profile/Profile.js

@@ -1,11 +1,16 @@
-import React, { Fragment, Component } from 'react'
+import React, { Fragment, Component } from "react"
-import { ProfileForm } from './ProfileForm'
+import { ProfileForm } from "./ProfileForm"
-import { api } from 'src/API'
+import { api } from "src/API"
-import { WaitModal, MessageModal, ChangePasswordModal, ChangeEmailModal } from '../Modal'
+import {
-import { Column, Row } from 'ui'
+  WaitModal,
-import { sizeInfo } from 'ui/style'
+  MessageModal,
-import PropTypes from 'prop-types'
+  ChangePasswordModal,
-import autobind from 'autobind-decorator'
+  ChangeEmailModal,
+} from "../Modal"
+import { Column, Row } from "ui"
+import { sizeInfo } from "ui/style"
+import PropTypes from "prop-types"
+import autobind from "autobind-decorator"
 
 export class Profile extends Component {
   static propTypes = {
@@ -23,32 +28,27 @@ export class Profile extends Component {
       changeEmailModal: null,
       progressModal: null,
       uploadPercent: 0,
-      user
+      user,
     }
   }
 
-  componentDidMount() {
-    this.props.changeTitle('Profile')
-  }
-
-  componentWillUnmount() {
-    this.props.changeTitle('')
-  }
-
   @autobind
   handleSaved(user) {
-    this.setState({ waitModal: { message: 'Updating Profile' } })
+    this.setState({ waitModal: { message: "Updating Profile" } })
-    api.updateUser(user).then((updatedUser) => {
+    api
+      .updateUser(user)
+      .then((updatedUser) => {
         this.setState({
           waitModal: null,
-        user: updatedUser
+          user: updatedUser,
         })
-    }).catch((error) => {
+      })
+      .catch((error) => {
         this.setState({
           waitModal: null,
           messageModal: {
-          icon: 'hand',
+            icon: "hand",
-          message: 'Unable to save the profile changes.',
+            message: "Unable to save the profile changes.",
             detail: error.message,
           },
         })
@@ -71,18 +71,21 @@ export class Profile extends Component {
 
     if (passwords) {
       this.setState({
-        waitModal: { message: 'Changing Password' }
+        waitModal: { message: "Changing Password" },
       })
-      api.changePassword(passwords).then(() => {
+      api
+        .changePassword(passwords)
+        .then(() => {
           this.setState({ waitModal: false })
-      }).catch((error) => {
+        })
+        .catch((error) => {
           this.setState({
             waitModal: false,
             messageModal: {
-            icon: 'hand',
+              icon: "hand",
-            message: 'Unable to change password',
+              message: "Unable to change password",
               detail: error.message,
-          }
+            },
           })
         })
     }
@@ -100,30 +103,38 @@ export class Profile extends Component {
       return
     }
     this.setState({
-      waitModal: { message: 'Requesting Email Change...' }
+      waitModal: { message: "Requesting Email Change..." },
     })
-    api.sendConfirmEmail({ newEmail }).then(() => {
+    api
+      .sendConfirmEmail({ newEmail })
+      .then(() => {
         this.setState({
           waitModal: null,
           messageModal: {
-          icon: 'thumb',
+            icon: "thumb",
-          message: `An email has been sent to '${newEmail}' with a link that you need to click on to finish changing your email.`
+            message: `An email has been sent to '${newEmail}' with a link that you need to click on to finish changing your email.`,
-        }
+          },
         })
-    }).catch((error) => {
+      })
+      .catch((error) => {
         this.setState({
           waitModal: null,
           messageModal: {
-          icon: 'hand',
+            icon: "hand",
-          message: 'Unable to request email change.',
+            message: "Unable to request email change.",
-          detail: error.message
+            detail: error.message,
-        }
+          },
         })
       })
   }
 
   render() {
-    const { messageModal, waitModal, changeEmailModal, changePasswordModal } = this.state
+    const {
+      messageModal,
+      waitModal,
+      changeEmailModal,
+      changePasswordModal,
+    } = this.state
 
     return (
       <Fragment>
@@ -138,7 +149,8 @@ export class Profile extends Component {
                 onSelectImage={this.handleSelectImage}
                 onChangePassword={this.handleChangePassword}
                 onChangeEmail={this.handleChangeEmail}
-                userImageUrl={this.state.userImageUrl} />
+                userImageUrl={this.state.userImageUrl}
+              />
             </Row.Item>
             <Row.Item grow />
           </Row>
@@ -146,23 +158,27 @@ export class Profile extends Component {
         <Column.Item>
           <MessageModal
             open={!!messageModal}
-            icon={messageModal ? messageModal.icon : ''}
+            icon={messageModal ? messageModal.icon : ""}
-            title={messageModal ? messageModal.title : ''}
+            title={messageModal ? messageModal.title : ""}
-            message={messageModal ? messageModal.message : ''}
+            message={messageModal ? messageModal.message : ""}
-            onDismiss={this.handleMessageModalDismiss} />
+            onDismiss={this.handleMessageModalDismiss}
+          />
 
           <ChangeEmailModal
             open={!!changeEmailModal}
-            oldEmail={changeEmailModal ? changeEmailModal.oldEmail : ''}
+            oldEmail={changeEmailModal ? changeEmailModal.oldEmail : ""}
-            onDismiss={this.handleChangeEmailDismiss} />
+            onDismiss={this.handleChangeEmailDismiss}
+          />
 
           <WaitModal
             active={!!waitModal}
-            message={waitModal ? waitModal.message : ''} />
+            message={waitModal ? waitModal.message : ""}
+          />
 
           <ChangePasswordModal
             open={!!changePasswordModal}
-            onDismiss={this.handleChangePasswordDismiss} />
+            onDismiss={this.handleChangePasswordDismiss}
+          />
         </Column.Item>
         <Column.Item grow />
       </Fragment>

website/src/System/System.js

@@ -21,14 +21,6 @@ export class System extends Component {
     }
   }
 
-  componentDidMount(props) {
-    this.props.changeTitle("System")
-  }
-
-  componentWillUnmount() {
-    this.props.changeTitle("")
-  }
-
   @autobind
   handleDeleteActivities() {
     this.setState({