From 1d438bc349bf0b80b1f25d77bb850db1664ff25d Mon Sep 17 00:00:00 2001
From: kunkliricsi <kunkli.ricsi@gmail.com>
Date: Sat, 21 Nov 2020 10:38:52 +0100
Subject: [PATCH] Modified dashboard

---
 .../src/components/dashboard/Dashboard.jsx    | 35 ++++++++++++-------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/Birdmap.API/ClientApp/src/components/dashboard/Dashboard.jsx b/Birdmap.API/ClientApp/src/components/dashboard/Dashboard.jsx
index 58eaedd..f51286b 100644
--- a/Birdmap.API/ClientApp/src/components/dashboard/Dashboard.jsx
+++ b/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}>
-            <Grid container spacing={3}>
-                <Grid item xs={8}>
-                    <Services isAdmin={this.props.isAdmin}/>
+        const { classes } = this.props;
+        return (
+            <Box className={classes.root}>
+                <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}>
-                    <Paper className={classes.paper} />
-                    <Paper className={classes.paper} />
-                </Grid>
-                <Grid item xs={12}>
-                    <Paper className={classes.paper} />
-                </Grid>
-            </Grid>
-        </Box>
+            </Box>
+        );
     }
 }