Basic redux integration for thread component (#141)

2018-07-10 14:05:39 +04:00
parent b6cda91dd9
commit a02b1502a6
13 changed files with 286 additions and 55 deletions
@@ -0,0 +1,28 @@
+import { siteId, url } from 'common/settings';
+import { THREAD_SET_COLLAPSE } from './thread.actions';
+import getCollapsedComments from './getCollapsedComments';
+import saveCollapsedComments from './saveCollapsedComments';
+
+const collapsedCommentsMiddleware = ({ getState }) => next => action => {
+  if (action.type === THREAD_SET_COLLAPSE) {
+    const state = getState();
+    const currentCollapsed = state[action.comment.id];
+
+    if (action.collapsed !== currentCollapsed) {
+      const lsCollapsedID = `${siteId}_${url}_${action.comment.id}`;
+      let collapsedComments = getCollapsedComments();
+
+      if (action.collapsed) {
+        collapsedComments = [...new Set(collapsedComments.concat(lsCollapsedID))];
+      } else {
+        collapsedComments = collapsedComments.filter(id => id !== lsCollapsedID);
+      }
+
+      saveCollapsedComments(collapsedComments);
+    }
+  }
+
+  next(action);
+};
+
+export default collapsedCommentsMiddleware;