Add edit card in inbox, close #40, close #38

sensemap/src/components/Inbox/Card/index.tsx

@@ -38,9 +38,10 @@ export default function Card(props: Props) {
     <div className={className}>
       <Reveal animated="fade">
         <Reveal.Content hidden>
-          <CardAction />
+          <CardAction card={card} />
         </Reveal.Content>
-        <Reveal.Content visible>
+        /* XXX a hack */
+        <Reveal.Content visible style={{ pointerEvents: 'none' }}>
           <div className="card__body">
             <div className="card__summary">
               {card.summary}

sensemap/src/components/Inbox/CardActions/index.tsx

@@ -1,16 +1,42 @@
 import * as React from 'react';
+import { connect } from 'react-redux';
+import * as T from '../../../types';
+import * as OE from '../../../types/object-editor';
 import { Button } from 'semantic-ui-react';
 import './index.css';
 
-interface Props {
+interface StateFromProps {}
+
+interface DispatchFromProps {
+  actions: {
+    selectObject(status: OE.Status): T.ActionChain,
+  };
+}
+
+interface OwnProps {
+  card: T.CardData;
 }
 
-export default function CardActions(props: Props) {
+type Props = StateFromProps & DispatchFromProps & OwnProps;
+
+function CardActions({ card, actions }: Props) {
   return (
     <div className="card-actions">
-      <Button icon="edit" />
+      <Button
+        icon="edit"
+        onClick={() => actions.selectObject(OE.editCard(card))}
+      />
       <Button icon="plus square outline" />
       <Button icon="trash" />
     </div>
   );
 }
+
+export default connect<StateFromProps, DispatchFromProps>(
+  (state: T.State) => ({}),
+  (dispatch: T.Dispatch) => ({
+    actions: {
+      selectObject: (status: OE.Status) => dispatch(T.actions.editor.selectObject(status)),
+    }
+  })
+)(CardActions);