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, 0 insertions, 78 deletions

diff --git a/src/components/organisms/layout/comments-list.stories.tsx b/src/components/organisms/layout/comments-list.stories.tsx
deleted file mode 100644
index c1a262e..0000000
--- a/src/components/organisms/layout/comments-list.stories.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { CommentsList } from './comments-list';
-import { comments } from './comments-list.fixture';
-
-const saveComment = async () => {
-  /** Do nothing. */
-};
-
-/**
- * CommentsList - Storybook Meta
- */
-export default {
-  title: 'Organisms/Layout/CommentsList',
-  component: CommentsList,
-  args: {
-    saveComment,
-  },
-  argTypes: {
-    comments: {
-      control: {
-        type: null,
-      },
-      description: 'An array of comments.',
-      type: {
-        name: 'object',
-        required: true,
-        value: {},
-      },
-    },
-    depth: {
-      control: {
-        type: 'number',
-        min: 0,
-        max: 4,
-      },
-      description: 'The maximum depth. Use `0` to not display nested comments.',
-      type: {
-        name: 'number',
-        required: true,
-      },
-    },
-    onSubmit: {
-      control: {
-        type: null,
-      },
-      description: 'A callback function to save the comment form data.',
-      table: {
-        category: 'Events',
-      },
-      type: {
-        name: 'function',
-        required: true,
-      },
-    },
-  },
-} as ComponentMeta<typeof CommentsList>;
-
-const Template: ComponentStory<typeof CommentsList> = (args) => (
-  <CommentsList {...args} />
-);
-
-/**
- * Layout Stories - Without child comments
- */
-export const WithoutChildComments = Template.bind({});
-WithoutChildComments.args = {
-  comments,
-  depth: 0,
-};
-
-/**
- * Layout Stories - With child comments
- */
-export const WithChildComments = Template.bind({});
-WithChildComments.args = {
-  comments,
-  depth: 1,
-};