c4patino/qoverflow
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

config

Browse source
This commit is contained in:
Ani Simhadri 2022-08-18 17:23:27 -04:00
commit a61510ed8c
1 changed files with 13 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

21
client/src/components/Badges.jsx
View file

@ -1,5 +1,6 @@
import WorkspacePremiumIcon from '@mui/icons-material/WorkspacePremium';
import { Grid, Tooltip, Typography } from '@mui/material';
import { Stack } from '@material-ui/core';
function Badge({
title = 'Good Question',
@ -31,16 +32,20 @@ export default function Badges({ badges: { obtained, unobtained } }) {
return (
<>
<Grid container spacing={{ xs: 2, md: 3 }} columns={{ xs: 4, sm: 8, md: 12 }}>
<Grid item xs={2} sm={4} md={4}>
<Typography variant='h5'>Obtained Badges</Typography>
</Grid>
{badgesGrid(obtained)}
<Stack direction="row" spacing={2}>
<Grid item xs={2} sm={4} md={4}>
<Typography variant='h5'>Obtained Badges</Typography>
</Grid>
{badgesGrid(obtained)}
</Stack>
</Grid>
<Grid container spacing={{ xs: 2, md: 3 }} columns={{ xs: 4, sm: 8, md: 12 }}>
<Grid item xs={2} sm={4} md={4}>
<Typography variant='h5'>Unobtained Badges</Typography>
</Grid>
{badgesGrid(unobtained)}
<Stack direction="row" spacing={2}>
<Grid item xs={2} sm={4} md={4}>
<Typography variant='h5'>Unobtained Badges</Typography>
</Grid>
{badgesGrid(unobtained)}
</Stack>
</Grid>
</>
);