summaryrefslogtreecommitdiffstats
path: root/src/components/organisms/layout
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/organisms/layout')
-rw-r--r--src/components/organisms/layout/comment.tsx4
-rw-r--r--src/components/organisms/layout/comments-list.fixture.tsx4
-rw-r--r--src/components/organisms/layout/comments-list.tsx12
3 files changed, 10 insertions, 10 deletions
diff --git a/src/components/organisms/layout/comment.tsx b/src/components/organisms/layout/comment.tsx
index f62f95c..497a04c 100644
--- a/src/components/organisms/layout/comment.tsx
+++ b/src/components/organisms/layout/comment.tsx
@@ -1,7 +1,7 @@
import Button from '@components/atoms/buttons/button';
import Link from '@components/atoms/links/link';
import Meta from '@components/molecules/layout/meta';
-import { type Comment as CommentType } from '@ts/types/app';
+import { type SingleComment } from '@ts/types/app';
import useSettings from '@utils/hooks/use-settings';
import Image from 'next/image';
import Script from 'next/script';
@@ -12,7 +12,7 @@ import CommentForm, { type CommentFormProps } from '../forms/comment-form';
import styles from './comment.module.scss';
export type CommentProps = Pick<
- CommentType,
+ SingleComment,
'approved' | 'content' | 'id' | 'meta' | 'parentId'
> &
Pick<CommentFormProps, 'Notice' | 'saveComment'> & {
diff --git a/src/components/organisms/layout/comments-list.fixture.tsx b/src/components/organisms/layout/comments-list.fixture.tsx
index 2618f77..f2a1d26 100644
--- a/src/components/organisms/layout/comments-list.fixture.tsx
+++ b/src/components/organisms/layout/comments-list.fixture.tsx
@@ -1,6 +1,6 @@
-import { Comment } from '@ts/types/app';
+import { SingleComment } from '@ts/types/app';
-export const comments: Comment[] = [
+export const comments: SingleComment[] = [
{
approved: true,
content:
diff --git a/src/components/organisms/layout/comments-list.tsx b/src/components/organisms/layout/comments-list.tsx
index 97eccb7..deb0776 100644
--- a/src/components/organisms/layout/comments-list.tsx
+++ b/src/components/organisms/layout/comments-list.tsx
@@ -1,7 +1,7 @@
-import SingleComment, {
+import Comment, {
type CommentProps,
} from '@components/organisms/layout/comment';
-import { Comment } from '@ts/types/app';
+import { SingleComment } from '@ts/types/app';
import { FC } from 'react';
import styles from './comments-list.module.scss';
@@ -9,7 +9,7 @@ export type CommentsListProps = Pick<CommentProps, 'Notice' | 'saveComment'> & {
/**
* An array of comments.
*/
- comments: Comment[];
+ comments: SingleComment[];
/**
* The maximum depth. Use `0` to not display nested comments.
*/
@@ -30,18 +30,18 @@ const CommentsList: FC<CommentsListProps> = ({
/**
* Get each comment wrapped in a list item.
*
- * @param {Comment[]} commentsList - An array of comments.
+ * @param {SingleComment[]} commentsList - An array of comments.
* @returns {JSX.Element[]} The list items.
*/
const getItems = (
- commentsList: Comment[],
+ commentsList: SingleComment[],
startLevel: number
): JSX.Element[] => {
const isLastLevel = startLevel === depth;
return commentsList.map(({ replies, ...comment }) => (
<li key={comment.id} className={styles.item}>
- <SingleComment
+ <Comment
canReply={!isLastLevel}
Notice={Notice}
saveComment={saveComment}