update skelton

packages/app/src/components/PageComment.module.scss

@@ -14,31 +14,7 @@
   }
 }
 
-// TODO: Refacotr Soft-coding
-.page-comment-comment-body-skelton :global {
-  position: relative;
-  height: 66px;
-  padding: 1em;
-  margin-left: 4.5em;
-  @include bs.media-breakpoint-down(xs) {
-    margin-left: 3.5em;
-  }
-}
-
-.page-comment-replycomments-body-skelton :global{
-  position: relative;
-  height: 66px;
-  padding: 1em;
-  margin-left: 4.5em;
-}
-
-.page-comment-button-skelton :global {
-  width: 70.0167px;
-  height: 26.3833px;
-  margin-top: 0.5em;
-  border: none;
-}
-
+// TODO: Refacotr to Soft-coding
 .page-comment-commenteditorlazyrenderer-body-skelton :global {
   position: relative;
   height: 72.25px;

packages/app/src/components/PageComment.tsx

@@ -22,7 +22,6 @@ import { ReplyComments } from './PageComment/ReplyComments';
 import { Skelton } from './Skelton';
 
 import styles from './PageComment.module.scss';
-import CommentStyles from './PageComment/Comment.module.scss';
 import CommentEditorStyles from './PageComment/CommentEditor.module.scss';
 
 
@@ -137,30 +136,10 @@ export const PageComment: FC<Props> = memo((props:Props): JSX.Element => {
     return (
       <>
         {/* TODO: Check the comment.html CSS */}
-        {/* TODO: Refactor CSS classes */}
         <div className={`${styles['page-comment-styles']} page-comments-row comment-list`}>
           <div className="container-lg">
             <div className="page-comments">
               <h2 className={commentTitleClasses}><i className="icon-fw icon-bubbles"></i>Comments</h2>
-              {/* <div className="page-comments-list" id="page-comments-list">
-                <div className={`${CommentStyles['comment-styles']} page-comment-thread pb-5  page-comment-thread-no-replies`}>
-                  <div className='page-comment flex-column'>
-                    <div className='page-commnet-writer'>
-                      <Skelton additionalClass='rounded-circle picture' roundedPill />
-                    </div>
-                    <Skelton additionalClass={`${styles['page-comment-comment-body-skelton']} grw-skelton`} />
-                  </div>
-                  <div className='page-comment flex-column ml-4 ml-sm-5 mr-3'>
-                    <div className='page-commnet-writer mt-3'>
-                      <Skelton additionalClass='rounded-circle picture' roundedPill />
-                    </div>
-                    <Skelton additionalClass={`${styles['page-comment-comment-body-skelton']} grw-skelton mt-3`} />
-                  </div>
-                  <div className="text-right">
-                    <Skelton additionalClass={`${styles['page-comment-button-skelton']} btn btn-outline-secondary btn-sm grw-skelton`} />
-                  </div>
-                </div>
-              </div> */}
               <div className={`${CommentEditorStyles['comment-editor-styles']} form page-comment-form`}>
                 <div className='comment-form'>
                   <div className='comment-form-user'>