moved related out of node context

src/utils/providers/CommentProvider.tsx

@@ -6,7 +6,7 @@ export interface CommentProviderProps {
   comments: IComment[];
   count: number;
   lastSeenCurrent?: string;
-  isLoadingComments: boolean;
+  isLoading: boolean;
   onShowImageModal: (images: IFile[], index: number) => void;
   onLoadMoreComments: () => void;
   onDeleteComment: (id: IComment['id'], isLocked: boolean) => void;
@@ -17,7 +17,7 @@ const CommentContext = createContext<CommentProviderProps>({
   comments: [],
   count: 0,
   lastSeenCurrent: undefined,
-  isLoadingComments: false,
+  isLoading: false,
   onShowImageModal: () => {},
   onLoadMoreComments: () => {},
   onDeleteComment: () => {},

src/utils/providers/NodeProvider.tsx

@@ -1,47 +1,15 @@
 import { INode } from '~/redux/types';
-import { INodeRelated } from '~/redux/node/types';
 import { EMPTY_NODE } from '~/redux/node/constants';
 import React, { createContext, FC, useContext } from 'react';
 
 export interface NodeContextProps {
   node: INode;
-  related: INodeRelated;
   isLoading: boolean;
-  // isUser: boolean;
-  // user: IUser;
-  // isLoadingComments: boolean;
-  // lastSeenCurrent?: string;
-  // commentsCount: number;
-  // comments: IComment[];
-  // onShowImageModal: (images: IFile[], index: number) => void;
-  // onLoadMoreComments: () => void;
-  // onDeleteComment: (id: IComment['id'], isLocked: boolean) => void;
-  // onTagsChange: (tags: string[]) => void;
-  // onTagClick: (tag: Partial<ITag>) => void;
-  // onTagDelete: (id: ITag['ID']) => void;
 }
 
 export const NodeContext = createContext<NodeContextProps>({
   node: EMPTY_NODE,
-  related: { albums: {}, similar: [] },
   isLoading: false,
-
-  // UserContext
-  // isUser: false,
-  // CommentContext
-  // user: EMPTY_USER,
-  // lastSeenCurrent: undefined,
-  // comments: [],
-  // commentsCount: 0,
-  // onLoadMoreComments: () => {},
-  // onShowImageModal: () => {},
-  // onDeleteComment: () => {},
-  // isLoadingComments: false,
-
-  // TagContext
-  // onTagsChange: () => {},
-  // onTagClick: () => {},
-  // onTagDelete: () => {},
 });
 
 export const NodeProvider: FC<NodeContextProps> = ({ children, ...contextValue }) => {

src/utils/providers/NodeRelatedProvider.tsx

@@ -0,0 +1,18 @@
+import { INodeRelated } from '~/redux/node/types';
+import React, { createContext, FC, useContext } from 'react';
+
+interface NodeRelatedProviderProps {
+  related: INodeRelated;
+  isLoading: boolean;
+}
+
+const NodeRelatedContext = createContext<NodeRelatedProviderProps>({
+  related: { albums: {}, similar: [] },
+  isLoading: false,
+});
+
+export const NodeRelatedProvider: FC<NodeRelatedProviderProps> = ({ children, ...rest }) => (
+  <NodeRelatedContext.Provider value={rest}>{children}</NodeRelatedContext.Provider>
+);
+
+export const useNodeRelatedContext = () => useContext<NodeRelatedProviderProps>(NodeRelatedContext);