diff options
Diffstat (limited to 'src/components/Scoreboard/Solution.js')
-rw-r--r-- | src/components/Scoreboard/Solution.js | 71 |
1 files changed, 0 insertions, 71 deletions
diff --git a/src/components/Scoreboard/Solution.js b/src/components/Scoreboard/Solution.js deleted file mode 100644 index 1d54b04..0000000 --- a/src/components/Scoreboard/Solution.js +++ /dev/null @@ -1,71 +0,0 @@ -import React from 'react'; - -import { - Typography, - Card, - Container, - Box, - ExpansionPanelSummary, - ExpansionPanel, - ExpansionPanelDetails, -} from "@material-ui/core"; - -import { makeStyles } from "@material-ui/core/styles"; -import TimerIcon from '@material-ui/icons/Timer'; -import ExpandMoreIcon from '@material-ui/icons/ExpandMore'; - - -const useStyles = makeStyles(theme => ({ - item: { - margin: theme.spacing(3), - width: theme.spacing(60), - - '& .MuiBox-root': { - display: 'flex', - justifyContent: 'center', - alignItems: 'center', - }, - - '& .MuiTypography-h2': { - color: theme.palette.secondary.main, - margin: theme.spacing(2), - }, - }, - -})); - -const Solution = ({ solution }) => { - const classes = useStyles(); - - const author = solution.author? solution.author : 'anonymous'; - return ( - <Card elevation={4} className={classes.item}> - <Container maxWidth="xs"> - <Box> - <TimerIcon/> - <Typography variant="h2"> - { solution.result } - </Typography> - </Box> - </Container> - - <ExpansionPanel> - <ExpansionPanelSummary expandIcon={<ExpandMoreIcon style={{color: 'white'}}/>}> - <Typography variant="h6"> - By {author} - </Typography> - </ExpansionPanelSummary> - <ExpansionPanelDetails> - <Typography> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. - </Typography> - </ExpansionPanelDetails> - </ExpansionPanel> - </Card> - ) -}; - -export default Solution; |