src/scenes/Main.jsx
import React, { Component } from 'react';
import { Grid, Typography } from '@material-ui/core';
export default class Main extends Component {
render() {
const { user } = this.props;
return (
<div >
{user ? (
<Grid container spacing={8} justify="center">
<Grid item xs={12}>
Logged In!
</Grid>
</Grid>
) : (
<Grid
container
spacing={8}
direction="row"
justify="center"
alignItems="center"
>
<Grid item xs={3}>
<Typography align="center">Please sign in!</Typography>
</Grid>
</Grid>
)}
</div>
);
}
}