diff options
Diffstat (limited to 'src/components/organisms')
| -rw-r--r-- | src/components/organisms/layout/comment.tsx | 4 | ||||
| -rw-r--r-- | src/components/organisms/layout/comments-list.fixture.tsx | 4 | ||||
| -rw-r--r-- | src/components/organisms/layout/comments-list.tsx | 12 | 
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} | 
