From 57e52c9a14b83253d23775580e287d9ce7f7e551 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cspicecat=E2=80=9D?= <ateh0701@gmail.com>
Date: Thu, 18 Aug 2022 17:12:00 -0400
Subject: [PATCH] accepted answer chip

---
 client/src/components/ListQuestion.jsx     |  6 ++--
 client/src/components/ListQuestionInfo.jsx | 33 ++++++++++++++++------
 2 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/client/src/components/ListQuestion.jsx b/client/src/components/ListQuestion.jsx
index 3ae30a0..05dda16 100644
--- a/client/src/components/ListQuestion.jsx
+++ b/client/src/components/ListQuestion.jsx
@@ -20,7 +20,7 @@ export default function ListQuestion({
 }) {
     const sm = useMediaQuery((theme) => theme.breakpoints.only('sm'));
     const md = useMediaQuery((theme) => theme.breakpoints.only('md'));
-    console.log(123123, tags)
+
     return (
         <span key={question_id}>
             <ListItem disablePadding>
@@ -31,7 +31,7 @@ export default function ListQuestion({
                         </Stack>
                     </Grid>
                     <Grid item xs={10}>
-                        {sm || md ? null : <ListQuestionInfo {...{ upvotes, downvotes, answers, views, inline: true }} />}
+                        {sm || md ? null : <ListQuestionInfo {...{ hasAcceptedAnswer, upvotes, downvotes, answers, views, inline: true }} />}
                         <CreationInfoTag {...{ createdAt, creator }} />
                         <Typography
                             variant='h6'
@@ -44,8 +44,6 @@ export default function ListQuestion({
                         <Typography noWrap variant='body1'>
                             {text.replace(/<[^>]*>?/gm, '')}
                         </Typography>
-                        <Typography>Accepted: {String(hasAcceptedAnswer)} </Typography>
-
                     </Grid>
                 </Grid>
             </ListItem>
diff --git a/client/src/components/ListQuestionInfo.jsx b/client/src/components/ListQuestionInfo.jsx
index 57c1a87..e61cc4e 100644
--- a/client/src/components/ListQuestionInfo.jsx
+++ b/client/src/components/ListQuestionInfo.jsx
@@ -1,16 +1,31 @@
-import { Typography } from "@mui/material"
-export default function ListQuestionInfo({upvotes, downvotes, answers, views, inline}){
-    return inline? (
+import { Chip, Typography } from '@mui/material';
+export default function ListQuestionInfo({ upvotes, downvotes, answers, hasAcceptedAnswer, views, inline }) {
+    return inline ? (
         <>
-              <Typography display = 'inline' variant='body1'>{upvotes - downvotes} votes | </Typography>
-              <Typography display = 'inline' variant='body1'>{answers} answers | </Typography>
-              <Typography display = 'inline' variant='body1'>{views} views</Typography>
+            <Typography display='inline'>{upvotes - downvotes} votes | </Typography>
+            <Typography display='inline'>{answers} answers | </Typography>
+            <Typography display='inline'>{views} views</Typography>
+            <Typography display='inline' m={1}>
+                Accepted:
+            </Typography>
+            <Chip
+                color={hasAcceptedAnswer ? 'success' : 'error'}
+                label={hasAcceptedAnswer ? 'yes' : 'no'}
+                size='small'
+            />
         </>
     ) : (
         <>
-              <Typography display = 'block' variant='body1'>{upvotes - downvotes} votes</Typography>
-              <Typography display = 'block' variant='body1'>{answers} answers</Typography>
-              <Typography display = 'block' variant='body1'>{views} views</Typography>
+            <Typography display='block'>{upvotes - downvotes} votes</Typography>
+            <Typography display='block'>{answers} answers</Typography>
+            <Typography display='block'>{views} views</Typography>
+            <Typography display='block'>
+                Accepted: <Chip
+                    color={hasAcceptedAnswer ? 'success' : 'error'}
+                    label={hasAcceptedAnswer ? 'yes' : 'no'}
+                    size='small'
+                />
+            </Typography>
         </>
     )
 }
\ No newline at end of file