muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-28 14:16:41 +07:00
Code Packages Activity Actions

added months passed to comments

Browse source
This commit is contained in:
Fedor Katurov 2022-07-15 16:45:59 +07:00
parent e9a1a624fd
commit 3dfd886570
7 changed files with 111 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/comment/Comment/index.tsx
View file

@ -1,8 +1,10 @@
import React, { FC, HTMLAttributes, memo } from 'react';
import classNames from 'classnames';
import { parseISO } from 'date-fns';
import { CommentContent } from '~/components/comment/CommentContent';
import { CommentDistance } from '~/components/comment/CommentDistance';
import { CommentWrapper } from '~/components/containers/CommentWrapper';
import { NEW_COMMENT_CLASSNAME } from '~/constants/comment';
import { IComment, ICommentGroup, IFile } from '~/types';
@ -11,7 +13,6 @@ import { CommendDeleted } from '../../node/CommendDeleted';
import styles from './styles.module.scss';
type IProps = HTMLAttributes<HTMLDivElement> & {
nodeId: number;
isEmpty?: boolean;
@ -50,13 +51,25 @@ const Comment: FC<IProps> = memo(
{...props}
>
<div className={styles.wrap}>
{group.comments.map(comment => {
{group.comments.map((comment, index) => {
if (comment.deleted_at) {
return <CommendDeleted id={comment.id} onDelete={onDelete} key={comment.id} />;
}
return (
<CommentContent
prefix={
group.distancesInDays[index] > 9 && (
<CommentDistance
firstDate={comment?.created_at ? parseISO(comment.created_at) : undefined}
secondDate={
index > 0 && group.comments[index - 1]?.created_at
? parseISO(group.comments[index - 1].created_at!)
: undefined
}
/>
)
}
saveComment={saveComment}
nodeId={nodeId}
comment={comment}