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

added saga to change tags

Browse source
This commit is contained in:
Fedor Katurov 2019-10-09 16:12:27 +07:00
parent 033b5ca45d
commit 9df5e022dd
7 changed files with 44 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/containers/node/NodeLayout/index.tsx
View file

@ -1,4 +1,4 @@
import React, { FC, createElement, useEffect } from 'react';
import React, { FC, createElement, useEffect, useCallback } from 'react';
import { RouteComponentProps } from 'react-router';
import { connect } from 'react-redux';
@ -25,6 +25,7 @@ const mapStateToProps = state => ({
const mapDispatchToProps = {
nodeLoadNode: NODE_ACTIONS.nodeLoadNode,
nodeUpdateTags: NODE_ACTIONS.nodeUpdateTags,
};
type IProps = ReturnType<typeof mapStateToProps> &
@ -38,12 +39,19 @@ const NodeLayoutUnconnected: FC<IProps> = ({
node: { is_loading, is_loading_comments, comments = [], current: node },
user: { is_user },
nodeLoadNode,
nodeUpdateTags,
}) => {
useEffect(() => {
if (is_loading) return;
nodeLoadNode(parseInt(id, 10), null);
}, [nodeLoadNode, id]);
const onTagsChange = useCallback(
(tags: string[]) => {
nodeUpdateTags(node.id, tags);
},
[node, nodeUpdateTags]
);
const block = node && node.type && NODE_COMPONENTS[node.type] && NODE_COMPONENTS[node.type];
return (
@ -67,7 +75,7 @@ const NodeLayoutUnconnected: FC<IProps> = ({
<div className={styles.panel}>
<Group style={{ flex: 1, minWidth: 0 }}>
<NodeTags is_editable={is_user} tags={node.tags} onChange={console.log} />
<NodeTags is_editable={is_user} tags={node.tags} onChange={onTagsChange} />
<NodeRelated title="First album" />