ADD commenting functionality

AnubisLMS · Jul 20, 2023 · fb6b531 · fb6b531
1 parent cb2a3ad
commit fb6b531
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/web/src/components/forums/Comment/Comment.jsx b/web/src/components/forums/Comment/Comment.jsx
@@ -12,6 +12,7 @@ import {useStyles} from './Comment.styles';
 import standardErrorHandler from '../../../utils/standardErrorHandler';
 import standardStatusHandler from '../../../utils/standardStatusHandler';
 import {toRelativeDate} from '../../../utils/datetime';
+import RichTextEditor from '../Editor/RichTextEditor';
 
 export default function Comment({
   threadStart = false,
@@ -42,7 +43,7 @@ export default function Comment({
         </Typography>
       </Box>
       <Typography className={classes.content}>
-        {content}
+        <RichTextEditor content={content} readOnly={true} enableToolbar={false}/>
       </Typography>
       <Box className={classes.replyActions}>
         {hasReplies &&

diff --git a/web/src/components/forums/CommentsList/CommentsList.jsx b/web/src/components/forums/CommentsList/CommentsList.jsx
@@ -2,10 +2,10 @@ import React, {useState} from 'react';
 
 import Box from '@mui/material/Box';
 import Comment from '../Comment/Comment';
-
+import Publisher from '../Publisher/Publisher';
 import {useStyles} from './CommentsList.styles';
 
-export default function CommentsList({comments}) {
+export default function CommentsList({comments, handleCreateComment}) {
   const classes = useStyles();
 
   const [isReplying, setIsReplying] = useState(false);
@@ -39,7 +39,8 @@ export default function CommentsList({comments}) {
               />
             ))}
             {isReplying &&
-              <input />
+              <Publisher mode="comment" setOpen={setIsReplying}
+                handlePublish={(comment) => handleCreateComment({...comment, comment_id: comment.id})}/>
             }
           </Box>
         }

diff --git a/web/src/components/forums/CommentsList/CommentsList.styles.jsx b/web/src/components/forums/CommentsList/CommentsList.styles.jsx
@@ -7,7 +7,6 @@ export const useStyles = makeStyles((theme) => ({
     flexDirection: 'column',
     borderLeft: `1px solid ${theme.palette.dark.blue['200']}`,
     paddingLeft: theme.spacing(1.5),
-    overflow: 'scroll',
   },
   replies: {
     display: 'flex',