aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/ReviewCard/ReviewCard.tsx17
1 files changed, 15 insertions, 2 deletions
diff --git a/src/components/ReviewCard/ReviewCard.tsx b/src/components/ReviewCard/ReviewCard.tsx
index 2016a5e..ccf051c 100644
--- a/src/components/ReviewCard/ReviewCard.tsx
+++ b/src/components/ReviewCard/ReviewCard.tsx
@@ -4,7 +4,8 @@ import {
Card,
CardContent,
Typography,
- Divider
+ Divider,
+ Chip
} from '@material-ui/core/';
import { Rating } from '@material-ui/lab';
import { Feedback } from 'which-types';
@@ -17,7 +18,13 @@ interface PropTypes {
const useStyles = makeStyles(theme => ({
root: {
- margin: theme.spacing(4, 0, 1, 0)
+ margin: theme.spacing(4, 0, 1, 0),
+ position: 'relative'
+ },
+ versionChip: {
+ position: 'absolute',
+ right: theme.spacing(2),
+ top: theme.spacing(2)
}
}));
@@ -30,6 +37,12 @@ const ReviewCard: React.FC<PropTypes> = ({ feedback }) => {
user={feedback.author}
info={<Rating value={feedback.score} readOnly size="small" />}
/>
+ <Chip
+ size="small"
+ variant="outlined"
+ label={feedback.version}
+ className={classes.versionChip}
+ />
{feedback.contents && (
<>
<Divider />