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

refactored node bottom block as pure component

Browse source
This commit is contained in:
Fedor Katurov 2021-11-06 21:26:42 +07:00
parent ab15a10d01
commit d4bf94059e
7 changed files with 96 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/BorisLayout/index.tsx
View file

@ -65,7 +65,7 @@ const BorisLayout: FC<IProps> = () => {
);
const onShowImageModal = useImageModal();
const { onLoadMoreComments, onDelete: onDeleteComment } = useNodeComments('696');
const { onLoadMoreComments, onDelete: onDeleteComment } = useNodeComments(696);
return (
<Container>

11
src/layouts/NodeLayout/index.tsx
View file

@ -13,7 +13,7 @@ import { useNodeCoverImage } from '~/utils/hooks/node/useNodeCoverImage';
import { URLS } from '~/constants/urls';
import { EditorEditDialog } from '~/containers/dialogs/EditorEditDialog';
import { useNodePermissions } from '~/utils/hooks/node/useNodePermissions';
import { IComment, IFile, INode } from '~/redux/types';
import { IComment, IFile, INode, ITag } from '~/redux/types';
import { INodeRelated } from '~/redux/node/types';
import styles from './styles.module.scss';
@ -32,6 +32,9 @@ type IProps = {
onShowImageModal: (images: IFile[], index: number) => void;
onLoadMoreComments: () => void;
onDeleteComment: (id: IComment['id'], isLocked: boolean) => void;
onTagsChange: (tags: string[]) => void;
onTagClick: (tag: Partial<ITag>) => void;
onTagDelete: (id: ITag['ID']) => void;
};
const NodeLayout: FC<IProps> = ({
@ -47,6 +50,9 @@ const NodeLayout: FC<IProps> = ({
onLoadMoreComments,
onDeleteComment,
onShowImageModal,
onTagsChange,
onTagClick,
onTagDelete,
}) => {
useNodeCoverImage(node);
@ -80,6 +86,9 @@ const NodeLayout: FC<IProps> = ({
onShowImageModal={onShowImageModal}
onLoadMoreComments={onLoadMoreComments}
onDeleteComment={onDeleteComment}
onTagsChange={onTagsChange}
onTagClick={onTagClick}
onTagDelete={onTagDelete}
/>
<Footer />