Fixed no wrap

2022-08-11 22:12:54 -05:00 · 2022-08-11 22:12:54 -05:00 · 8688af33f6
commit 8688af33f6
parent cd39bc4b9b
1 changed files with 5 additions and 2 deletions
--- a/client/src/components/ListAnswer.jsx
+++ b/client/src/components/ListAnswer.jsx
@ -26,13 +26,16 @@ export default function ListAnswer({
                    <Grid item xs={10}>
                        <CreationInfoTag {...{ createdAt, creator }} text='answered' />
                        <Typography
-                            noWrap
                            variant='body1'
                            component={Link}
                            to={`/questions/${question_id}`}
                            style={{ textDecoration: 'none', color: 'inherit' }}
                        >
-                            {text.replace(/<[^>]*>?/gm, '')}
+                            {text
+                                .replace(/<[^>]*>?/gm, '')
+                                .split(' ')
+                                .slice(0, 30)
+                                .join(' ') + '...'}
                        </Typography>
                    </Grid>
                </Grid>