clean code

packages/app/src/components/PageComment.tsx

@@ -152,7 +152,7 @@ export const PageComment: FC<PageCommentProps> = memo((props:PageCommentProps):
     />
   );
 
-  const generateReplyCommentElements = (replyComments: ICommentHasIdList) => (
+  const generateReplyCommentsElement = (replyComments: ICommentHasIdList) => (
     <ReplyComments
       isReadOnly={isReadOnly}
       replyList={replyComments}
@@ -184,7 +184,7 @@ export const PageComment: FC<PageCommentProps> = memo((props:PageCommentProps):
                 return (
                   <div key={comment._id} className={commentThreadClasses}>
                     {generateCommentElement(comment)}
-                    {hasReply && generateReplyCommentElements(allReplies[comment._id])}
+                    {hasReply && generateReplyCommentsElement(allReplies[comment._id])}
                     {(!isReadOnly && !showEditorIds.has(comment._id)) && (
                       <div className="text-right">
                         <Button

packages/app/src/components/PageComment/Comment.tsx

@@ -20,7 +20,6 @@ import { CommentEditorProps } from './CommentEditor';
 
 import styles from './Comment.module.scss';
 
-// TODO: Update Skelton
 const CommentEditor = dynamic<CommentEditorProps>(() => import('./CommentEditor').then(mod => mod.CommentEditor), { ssr: false });