refactor(components): split Comment component into 3 components

* add ApprovedComment, PendingComment and ReplyCommentForm components
* let consumer handle reply form visibility
* move structured data into article page (each article already has the
comments data and already handle json ltd schema so I prefered to move
the schema in the final consumer instead of adding a script element
foreach comment)

1 files changed, 0 insertions, 44 deletions

diff --git a/src/components/organisms/layout/comment.test.tsx b/src/components/organisms/layout/comment.test.tsx
deleted file mode 100644
index 0e0ea3a..0000000
--- a/src/components/organisms/layout/comment.test.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { describe, expect, it } from '@jest/globals';
-import { render, screen as rtlScreen } from '../../../../tests/utils';
-import { UserComment } from './comment';
-import { author, data, id } from './comment.fixture';
-
-describe('UserComment', () => {
-  it('renders an avatar', () => {
-    render(<UserComment canReply={true} {...data} />);
-    expect(
-      rtlScreen.getByRole('img', { name: author.avatar.alt })
-    ).toBeInTheDocument();
-  });
-
-  it('renders the author website url', () => {
-    render(<UserComment canReply={true} {...data} />);
-    expect(rtlScreen.getByRole('link', { name: author.name })).toHaveAttribute(
-      'href',
-      author.website
-    );
-  });
-
-  it('renders a permalink to the comment', () => {
-    render(<UserComment canReply={true} {...data} />);
-    expect(
-      rtlScreen.getByRole('link', {
-        name: /\sat\s/,
-      })
-    ).toHaveAttribute('href', `#comment-${id}`);
-  });
-
-  it('renders a reply button', () => {
-    render(<UserComment canReply={true} {...data} />);
-    expect(
-      rtlScreen.getByRole('button', { name: 'Reply' })
-    ).toBeInTheDocument();
-  });
-
-  it('does not render a reply button', () => {
-    render(<UserComment canReply={false} {...data} />);
-    expect(
-      rtlScreen.queryByRole('button', { name: 'Reply' })
-    ).not.toBeInTheDocument();
-  });
-});