aboutsummaryrefslogtreecommitdiff
path: root/src/components/SolutionCard/SolutionCard.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/SolutionCard/SolutionCard.js')
-rw-r--r--src/components/SolutionCard/SolutionCard.js114
1 files changed, 0 insertions, 114 deletions
diff --git a/src/components/SolutionCard/SolutionCard.js b/src/components/SolutionCard/SolutionCard.js
deleted file mode 100644
index fdd4bdf..0000000
--- a/src/components/SolutionCard/SolutionCard.js
+++ /dev/null
@@ -1,114 +0,0 @@
-import React, { useState } from 'react';
-
-import {
- Typography,
- Card,
- CardHeader,
- CardContent,
- IconButton,
- Avatar,
- Grid,
- Menu,
- MenuItem,
-} from '@material-ui/core';
-
-import { makeStyles } from '@material-ui/core/styles';
-import TimerIcon from '@material-ui/icons/Timer';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-import DeleteIcon from '@material-ui/icons/Delete';
-
-import { del } from '../../requests';
-
-
-const DATE_FORMAT = {
- month: 'long',
- day: 'numeric',
- year: 'numeric',
- hour: '2-digit',
- minute: '2-digit',
-};
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(1),
- background: theme.palette.background.elevation2,
-
- '& .MuiTypography-h3': {
- margin: theme.spacing(2),
- },
- },
- menu: {
- '& ul': {
- background: theme.palette.background.elevation3,
- }
- },
-}));
-
-const SolutionCard = ({ data, removeThisCard }) => {
- const classes = useStyles();
- const [anchorEl, setAnchorEl] = useState(null);
-
- const author = data.author? data.author.username : 'anonymous';
- const date = new Date(data.date);
-
- const handleOpenMenu = event => {
- setAnchorEl(event.currentTarget);
- };
-
- const handleClose = () => {
- setAnchorEl(null);
- };
-
- const handleDelete = () => {
- del(`solutions/${data.id}/`).then(() => {
- removeThisCard(data.id);
- });
- handleClose();
- };
-
- return (
- <Card className={classes.root}>
- <CardHeader
- avatar={
- author === 'anonymous'?
- (<Avatar/>)
- :
- (<Avatar>{author[0].toUpperCase()}</Avatar>)
- }
- title={author}
- subheader={date.toLocaleString('default', DATE_FORMAT)}
- action={(
- <IconButton onClick={handleOpenMenu}>
- <MoreVertIcon />
- </IconButton>
- )}
- />
- <Menu
- anchorEl={anchorEl}
- open={Boolean(anchorEl)}
- keepMounted
- onClose={handleClose}
- className={classes.menu}
- >
- <MenuItem onClick={handleDelete}>
- <DeleteIcon />
- Delete
- </MenuItem>
- </Menu>
- <CardContent>
- <Grid container direction="row" justify="center" alignItems="center">
- <Grid item>
- <TimerIcon/>
- </Grid>
- <Grid item>
- <Typography variant="h3" color="primary">
- { data.result }
- </Typography>
- </Grid>
- </Grid>
- </CardContent>
- </Card>
- )
-};
-
-export default SolutionCard;