Modified dashboard

Birdmap.API/ClientApp/src/components/dashboard/Dashboard.jsx

@@ -1,31 +1,40 @@
 import React, { Component } from 'react';
 import { withStyles } from '@material-ui/styles';
 import Services from './services/Services';
+import { blueGrey } from '@material-ui/core/colors';
+import { Box, Grid, IconButton, Paper, Typography } from '@material-ui/core';
 
 const styles = theme => ({
     root: {
         flexGrow: 1,
         padding: '64px',
         backgroundColor: theme.palette.primary.dark,
+    },
+    paper: {
+        backgroundColor: blueGrey[50],
+        height: '60px',
     }
 });
 
 class Dashboard extends Component {
     render() {
-        <Box className={classes.root}>
+        const { classes } = this.props;
-            <Grid container spacing={3}>
+        return (
-                <Grid item xs={8}>
+            <Box className={classes.root}>
-                    <Services isAdmin={this.props.isAdmin}/>
+                <Grid container spacing={3}>
+                    <Grid item xs={8}>
+                        <Services isAdmin={this.props.isAdmin}/>
+                    </Grid>
+                    <Grid item xs={4}>
+                        <Paper className={classes.paper} />
+                        <Paper className={classes.paper} />
+                    </Grid>
+                    <Grid item xs={12}>
+                        <Paper className={classes.paper} />
+                    </Grid>
                 </Grid>
-                <Grid item xs={4}>
+            </Box>
-                    <Paper className={classes.paper} />
+        );
-                    <Paper className={classes.paper} />
-                </Grid>
-                <Grid item xs={12}>
-                    <Paper className={classes.paper} />
-                </Grid>
-            </Grid>
-        </Box>
     }
 }