refactor(components): rewrite CommentsList component

* use ApprovedCommentProps to make CommentData type
* add the author name of the parent on reply form heading
* add tests

1 files changed, 9 insertions, 2 deletions

diff --git a/src/components/templates/page/page-layout.test.tsx b/src/components/templates/page/page-layout.test.tsx
index 394f995..c7d7a65 100644
--- a/src/components/templates/page/page-layout.test.tsx
+++ b/src/components/templates/page/page-layout.test.tsx
@@ -1,7 +1,6 @@
 import { describe, expect, it } from '@jest/globals';
 import type { BreadcrumbList } from 'schema-dts';
 import { render, screen as rtlScreen } from '../../../../tests/utils';
-import { comments } from '../../organisms/layout/comments-list.fixture';
 import { PageLayout } from './page-layout';
 
 const title = 'Incidunt ad earum';
@@ -94,7 +93,15 @@ describe('PageLayout', () => {
         breadcrumbSchema={breadcrumbSchema}
         title={title}
         allowComments={true}
-        comments={comments}
+        comments={[
+          {
+            author: { name: 'Burley40' },
+            content: 'Veritatis praesentium non autem ut.',
+            id: 1,
+            isApproved: true,
+            publicationDate: '2023-11-02',
+          },
+        ]}
       >
         {children}
       </PageLayout>