set flow cell view actions

src/components/flow/FlowGrid/index.tsx

@@ -4,31 +4,31 @@ import { Cell } from '~/components/flow/Cell';
 import * as styles from './styles.scss';
 import { IFlowState } from '~/redux/flow/reducer';
 import { INode } from '~/redux/types';
+import { canEditNode } from '~/utils/node';
+import { IUser } from '~/redux/auth/types';
+import { flowSetCellView } from '~/redux/flow/actions';
 
 type IProps = Partial<IFlowState> & {
+  user: Partial<IUser>;
   onSelect: (id: INode['id'], type: INode['type']) => void;
+  onChangeCellView: typeof flowSetCellView;
 };
 
-export const FlowGrid: FC<IProps> = ({ nodes, onSelect }) => (
+export const FlowGrid: FC<IProps> = ({ user, nodes, onSelect, onChangeCellView }) => (
   <div>
     <div className={styles.grid_test}>
       <div className={styles.hero}>HERO</div>
       <div className={styles.stamp}>STAMP</div>
 
       {nodes.map(node => (
-        <Cell key={node.id} node={node} onSelect={onSelect} />
+        <Cell
+          key={node.id}
+          node={node}
+          onSelect={onSelect}
+          can_edit={canEditNode(node, user)}
+          onChangeCellView={onChangeCellView}
+        />
       ))}
     </div>
   </div>
 );
-
-// {
-//   range(1, 20).map(el => (
-//     <Cell
-//       width={Math.floor(Math.random() * 2 + 1)}
-//       height={Math.floor(Math.random() * 2 + 1)}
-//       title={`Cell ${el}`}
-//       key={el}
-//     />
-//   ));
-// }