Server: Update resolver to use auth context

client/src/views/index.js

@@ -3,7 +3,8 @@ import Footer from './footer'
 import Callback from './callback'
 import Home from './home'
 import Dashboard from './dashboard'
+import Teams from './teams'
 
 import { theme, globalStyles } from './theme'
 
-export { NavBar, Footer, Callback, Home, Dashboard, theme, globalStyles }
+export { NavBar, Footer, Callback, Home, Dashboard, Teams, theme, globalStyles }

client/src/views/teams/index.js

@@ -0,0 +1,53 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import CssBaseline from '@material-ui/core/CssBaseline'
+import Typography from '@material-ui/core/Typography'
+import { withStyles } from '@material-ui/core/styles'
+
+const styles = theme => ({
+  '@global': {
+    body: {
+      backgroundColor: theme.palette.common.white
+    }
+  },
+  layout: {
+    width: 'auto',
+    marginLeft: theme.spacing.unit * 3,
+    marginRight: theme.spacing.unit * 3,
+    [theme.breakpoints.up(900 + theme.spacing.unit * 3 * 2)]: {
+      width: 900,
+      marginLeft: 'auto',
+      marginRight: 'auto'
+    }
+  },
+  heroContent: {
+    maxWidth: 600,
+    margin: '0 auto',
+    padding: `${theme.spacing.unit * 8}px 0 ${theme.spacing.unit * 6}px`
+  }
+})
+
+const Home = ({ classes }) => (
+  <React.Fragment>
+    <CssBaseline />
+    <main className={classes.layout}>
+      <div className={classes.heroContent}>
+        <Typography
+          variant='display3'
+          align='center'
+          color='textPrimary'
+          gutterBottom
+        >
+          Teams
+        </Typography>
+      </div>
+    </main>
+  </React.Fragment>
+)
+
+Home.propTypes = {
+  classes: PropTypes.object.isRequired
+}
+
+export default withStyles(styles)(Home)