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 flow menus

Browse source
This commit is contained in:
Fedor Katurov 2021-10-12 18:04:35 +07:00
parent 65d13afab9
commit c8204a41a2
13 changed files with 358 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/flow/FlowGrid/index.tsx
View file

@ -1,17 +1,18 @@
import React, { FC, Fragment } from 'react';
import { IFlowState } from '~/redux/flow/reducer';
import { INode } from '~/redux/types';
import { FlowDisplay, INode } from '~/redux/types';
import { IUser } from '~/redux/auth/types';
import { PRESETS, URLS } from '~/constants/urls';
import { FlowCell } from '~/components/flow/FlowCell';
import classNames from 'classnames';
import styles from './styles.module.scss';
import { getURLFromString } from '~/utils/dom';
import { canEditNode } from '~/utils/node';
type IProps = Partial<IFlowState> & {
user: Partial<IUser>;
onChangeCellView: (id: INode['id'], flow: INode['flow']) => void;
onChangeCellView: (id: INode['id'], flow: FlowDisplay) => void;
};
export const FlowGrid: FC<IProps> = ({ user, nodes, onChangeCellView }) => {
@ -24,12 +25,15 @@ export const FlowGrid: FC<IProps> = ({ user, nodes, onChangeCellView }) => {
{nodes.map(node => (
<div className={classNames(styles.cell, styles[node.flow.display])} key={node.id}>
<FlowCell
id={node.id}
color={node.flow.dominant_color}
to={URLS.NODE_URL(node.id)}
image={getURLFromString(node.thumbnail, PRESETS.cover)}
display={node.flow.display}
flow={node.flow}
text={node.flow.show_description ? node.description : ''}
title={node.title}
canEdit={canEditNode(node, user)}
onChangeCellView={onChangeCellView}
/>
</div>
))}