completely removed flow-related sagas

src/pages/boris.tsx

@@ -6,8 +6,9 @@ import { useNodeComments } from '~/hooks/comments/useNodeComments';
 import { useBoris } from '~/hooks/boris/useBoris';
 import { NodeContextProvider } from '~/utils/context/NodeContextProvider';
 import { useLoadNode } from '~/hooks/node/useLoadNode';
+import { observer } from 'mobx-react';
 
-const BorisPage: VFC = () => {
+const BorisPage: VFC = observer(() => {
   const { node, isLoading, update } = useLoadNode(696);
 
   const onShowImageModal = useImageModal();
@@ -42,6 +43,6 @@ const BorisPage: VFC = () => {
       </CommentContextProvider>
     </NodeContextProvider>
   );
-};
+});
 
 export default BorisPage;

src/pages/index.tsx

@@ -3,10 +3,11 @@ import { FlowLayout } from '~/layouts/FlowLayout';
 import { useFlow } from '~/hooks/flow/useFlow';
 import { FlowContextProvider } from '~/utils/context/FlowContextProvider';
 import { SearchContextProvider } from '~/utils/context/SearchContextProvider';
+import { observer } from 'mobx-react';
 
 interface Props {}
 
-const FlowPage: FC<Props> = () => {
+const FlowPage: FC<Props> = observer(() => {
   const { updates, nodes, heroes, recent, isFluid, toggleLayout, onChangeCellView } = useFlow();
 
   return (
@@ -22,6 +23,6 @@ const FlowPage: FC<Props> = () => {
       </SearchContextProvider>
     </FlowContextProvider>
   );
-};
+});
 
 export default FlowPage;

src/pages/node/[id].tsx

@@ -12,66 +12,69 @@ import { TagsContextProvider } from '~/utils/context/TagsContextProvider';
 import { useNodePermissions } from '~/hooks/node/useNodePermissions';
 import { NodeRelatedProvider } from '~/utils/providers/NodeRelatedProvider';
 import { useLoadNode } from '~/hooks/node/useLoadNode';
+import { observer } from 'mobx-react';
 
 type Props = RouteComponentProps<{ id: string }> & {};
 
-const NodePage: FC<Props> = ({
-  match: {
-    params: { id },
-  },
-}) => {
-  const { node, isLoading, update, lastSeen } = useLoadNode(parseInt(id, 10));
+const NodePage: FC<Props> = observer(
+  ({
+    match: {
+      params: { id },
+    },
+  }) => {
+    const { node, isLoading, update, lastSeen } = useLoadNode(parseInt(id, 10));
 
-  const onShowImageModal = useImageModal();
-  const {
-    onLoadMoreComments,
-    onDelete: onDeleteComment,
-    onEdit: onSaveComment,
-    comments,
-    hasMore,
-    isLoading: isLoadingComments,
-  } = useNodeComments(parseInt(id, 10));
-  const { onDelete: onTagDelete, onChange: onTagsChange, onClick: onTagClick } = useNodeTags(
-    parseInt(id, 10)
-  );
-  const user = useUser();
-  const [canEdit] = useNodePermissions(node);
+    const onShowImageModal = useImageModal();
+    const {
+      onLoadMoreComments,
+      onDelete: onDeleteComment,
+      onEdit: onSaveComment,
+      comments,
+      hasMore,
+      isLoading: isLoadingComments,
+    } = useNodeComments(parseInt(id, 10));
+    const { onDelete: onTagDelete, onChange: onTagsChange, onClick: onTagClick } = useNodeTags(
+      parseInt(id, 10)
+    );
+    const user = useUser();
+    const [canEdit] = useNodePermissions(node);
 
-  useScrollToTop([id, isLoadingComments]);
+    useScrollToTop([id, isLoadingComments]);
 
-  if (!node) {
-    // TODO: do something here
-    return null;
-  }
+    if (!node) {
+      // TODO: do something here
+      return null;
+    }
 
-  return (
-    <NodeContextProvider node={node} isLoading={isLoading} update={update}>
-      <NodeRelatedProvider id={parseInt(id, 10)} tags={node.tags}>
-        <CommentContextProvider
-          onSaveComment={onSaveComment}
-          comments={comments}
-          hasMore={hasMore}
-          lastSeenCurrent={lastSeen}
-          isLoading={isLoadingComments}
-          onShowImageModal={onShowImageModal}
-          onLoadMoreComments={onLoadMoreComments}
-          onDeleteComment={onDeleteComment}
-        >
-          <TagsContextProvider
-            tags={node.tags}
-            canAppend={user.is_user}
-            canDelete={canEdit}
-            isLoading={isLoading}
-            onChange={onTagsChange}
-            onTagClick={onTagClick}
-            onTagDelete={onTagDelete}
+    return (
+      <NodeContextProvider node={node} isLoading={isLoading} update={update}>
+        <NodeRelatedProvider id={parseInt(id, 10)} tags={node.tags}>
+          <CommentContextProvider
+            onSaveComment={onSaveComment}
+            comments={comments}
+            hasMore={hasMore}
+            lastSeenCurrent={lastSeen}
+            isLoading={isLoadingComments}
+            onShowImageModal={onShowImageModal}
+            onLoadMoreComments={onLoadMoreComments}
+            onDeleteComment={onDeleteComment}
           >
-            <NodeLayout />
-          </TagsContextProvider>
-        </CommentContextProvider>
-      </NodeRelatedProvider>
-    </NodeContextProvider>
-  );
-};
+            <TagsContextProvider
+              tags={node.tags}
+              canAppend={user.is_user}
+              canDelete={canEdit}
+              isLoading={isLoading}
+              onChange={onTagsChange}
+              onTagClick={onTagClick}
+              onTagDelete={onTagDelete}
+            >
+              <NodeLayout />
+            </TagsContextProvider>
+          </CommentContextProvider>
+        </NodeRelatedProvider>
+      </NodeContextProvider>
+    );
+  }
+);
 
 export default NodePage;