Merge pull request #1126 from metasfresh/dev-1066

#1066 Fix board's sidebar list didn't get updated after dragging card
metasfresh · Aug 8, 2017 · 17f3a13 · 17f3a13
2 parents f53d072 + 2a7d29f
commit 17f3a13
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 0 deletions.
diff --git a/src/components/board/Sidenav.js b/src/components/board/Sidenav.js
@@ -48,6 +48,36 @@ class Sidenav extends Component {
 
     }
 
+    getCardIndex = (cardId) => {
+        const { view } = this.state;
+        let result = -1;
+
+        if (view && view.result) {
+            view.result.forEach( (card, index) => {
+                if (card && (card.cardId === cardId)) {
+                    result = index;
+                }
+            });
+        }
+
+        return result;
+    }
+
+    removeCard = (cardId) => {
+        const { view } = this.state;
+        if (view && view.result) {
+            let cardIndex = this.getCardIndex(cardId);
+            if (cardIndex >= 0) {
+                this.setState(prev => update(prev, {
+                    view: {
+                        result: {$unset: [cardIndex]}
+                    },
+                    loading: {$set: false}
+                }));
+            }
+        }
+    }
+
     componentDidMount = () => {
         const {boardId} = this.props;
         getLayout(boardId).then(res =>

diff --git a/src/containers/Board.js b/src/containers/Board.js
@@ -91,6 +91,10 @@ class Board extends Component {
         if(card.initLaneId === 0) {
             // Adding card
             addCard(board.boardId, targetLaneId, card.id, card.index);
+
+            if (this.sideNav) {
+                this.sideNav.removeCard(card.id);
+            }
         }else{
             // Moving card
             if(card.initLaneId === targetLaneId){
@@ -196,6 +200,7 @@ class Board extends Component {
             >
                 {sidenav && (
                     <Sidenav
+                        ref={ (c) => this.sideNav = (c && c.refs && c.refs.instance) }
                         boardId={board.boardId}
                         viewId={sidenavViewId}
                         onClickOutside={() => this.setState({sidenav: false})}