node edit and like buttons + actions

src/components/node/NodePanelInner/index.tsx

@@ -9,25 +9,42 @@ import classNames from 'classnames';
 interface IProps {
   node: INode;
   stack?: boolean;
+
+  can_edit: boolean;
+  can_like: boolean;
+  onEdit: () => void;
+  onLike: () => void;
 }
 
-const NodePanelInner: FC<IProps> = ({ node: { title, user }, stack }) => {
+const NodePanelInner: FC<IProps> = ({
+  node: { title, user },
+  stack,
+  can_edit,
+  can_like,
+  onEdit,
+  onLike,
+}) => {
   return (
     <div className={classNames(styles.wrap, { stack })}>
       <div className={styles.content}>
         <Group horizontal className={styles.panel}>
           <Filler>
             <div className={styles.title}>{title || '...'}</div>
-            {user && user.username && <div className={styles.name}>~ {user.username}</div>}
+            {user && user.username && <div className={styles.name}>~{user.username}</div>}
           </Filler>
         </Group>
 
         <div className={styles.buttons}>
-          <Icon icon="edit" size={24} />
-
-          <div className={styles.sep} />
-
-          <Icon icon="heart" size={24} />
+          {can_edit && (
+            <div>
+              <Icon icon="edit" size={24} onClick={onEdit} />
+            </div>
+          )}
+          {can_like && (
+            <div>
+              <Icon icon="heart" size={24} onClick={onLike} />
+            </div>
+          )}
         </div>
       </div>
     </div>