renamed providers to context

src/utils/context/CommentContextProvider.tsx

@@ -23,7 +23,7 @@ const CommentContext = createContext<CommentProviderProps>({
   onDeleteComment: () => {},
 });
 
-export const CommentProvider: FC<CommentProviderProps> = ({ children, ...contextValue }) => {
+export const CommentContextProvider: FC<CommentProviderProps> = ({ children, ...contextValue }) => {
   return <CommentContext.Provider value={contextValue}>{children}</CommentContext.Provider>;
 };
 

src/utils/context/NodeContextProvider.tsx

@@ -12,7 +12,7 @@ export const NodeContext = createContext<NodeContextProps>({
   isLoading: false,
 });
 
-export const NodeProvider: FC<NodeContextProps> = ({ children, ...contextValue }) => {
+export const NodeContextProvider: FC<NodeContextProps> = ({ children, ...contextValue }) => {
   return <NodeContext.Provider value={contextValue}>{children}</NodeContext.Provider>;
 };
 

src/utils/context/NodeRelatedContextProvider.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 NodeRelatedContextProvider: FC<NodeRelatedProviderProps> = ({ children, ...rest }) => (
+  <NodeRelatedContext.Provider value={rest}>{children}</NodeRelatedContext.Provider>
+);
+
+export const useNodeRelatedContext = () => useContext<NodeRelatedProviderProps>(NodeRelatedContext);

src/utils/context/TagsContextProvider.tsx

@@ -21,7 +21,7 @@ const TagContext = createContext<TagContextProps>({
   onTagDelete: () => {},
 });
 
-export const TagProvider: FC<TagContextProps> = ({ children, ...contextValue }) => {
+export const TagsContextProvider: FC<TagContextProps> = ({ children, ...contextValue }) => {
   return <TagContext.Provider value={contextValue}>{children}</TagContext.Provider>;
 };
 

src/utils/context/UserContextProvider.tsx

@@ -4,7 +4,7 @@ import { EMPTY_USER } from '~/redux/auth/constants';
 
 const UserContext = createContext<IUser>(EMPTY_USER);
 
-export const UserProvider: FC<{ user: IUser }> = ({ children, user }) => (
+export const UserContextProvider: FC<{ user: IUser }> = ({ children, user }) => (
   <UserContext.Provider value={user}>{children}</UserContext.Provider>
 );