renamed providers to context

src/utils/context/CommentContextProvider.tsx

@@ -0,0 +1,30 @@
+import { IComment, IFile } from '~/redux/types';
+import React, { createContext, FC, useContext } from 'react';
+
+export interface CommentProviderProps {
+  // user: IUser;
+  comments: IComment[];
+  count: number;
+  lastSeenCurrent?: string;
+  isLoading: boolean;
+  onShowImageModal: (images: IFile[], index: number) => void;
+  onLoadMoreComments: () => void;
+  onDeleteComment: (id: IComment['id'], isLocked: boolean) => void;
+}
+
+const CommentContext = createContext<CommentProviderProps>({
+  // user: EMPTY_USER,
+  comments: [],
+  count: 0,
+  lastSeenCurrent: undefined,
+  isLoading: false,
+  onShowImageModal: () => {},
+  onLoadMoreComments: () => {},
+  onDeleteComment: () => {},
+});
+
+export const CommentContextProvider: FC<CommentProviderProps> = ({ children, ...contextValue }) => {
+  return <CommentContext.Provider value={contextValue}>{children}</CommentContext.Provider>;
+};
+
+export const useCommentContext = () => useContext(CommentContext);

src/utils/context/NodeContextProvider.tsx

@@ -0,0 +1,19 @@
+import { INode } from '~/redux/types';
+import { EMPTY_NODE } from '~/redux/node/constants';
+import React, { createContext, FC, useContext } from 'react';
+
+export interface NodeContextProps {
+  node: INode;
+  isLoading: boolean;
+}
+
+export const NodeContext = createContext<NodeContextProps>({
+  node: EMPTY_NODE,
+  isLoading: false,
+});
+
+export const NodeContextProvider: FC<NodeContextProps> = ({ children, ...contextValue }) => {
+  return <NodeContext.Provider value={contextValue}>{children}</NodeContext.Provider>;
+};
+
+export const useNodeContext = () => useContext(NodeContext);

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

@@ -0,0 +1,28 @@
+import React, { createContext, FC, useContext } from 'react';
+import { ITag } from '~/redux/types';
+
+export interface TagContextProps {
+  tags: ITag[];
+  canAppend: boolean;
+  canDelete: boolean;
+  isLoading: boolean;
+  onChange: (tags: string[]) => void;
+  onTagClick: (tag: Partial<ITag>) => void;
+  onTagDelete: (id: ITag['ID']) => void;
+}
+
+const TagContext = createContext<TagContextProps>({
+  tags: [],
+  canDelete: false,
+  canAppend: false,
+  isLoading: false,
+  onChange: () => {},
+  onTagClick: () => {},
+  onTagDelete: () => {},
+});
+
+export const TagsContextProvider: FC<TagContextProps> = ({ children, ...contextValue }) => {
+  return <TagContext.Provider value={contextValue}>{children}</TagContext.Provider>;
+};
+
+export const useTagContext = () => useContext(TagContext);

src/utils/context/UserContextProvider.tsx

@@ -0,0 +1,11 @@
+import React, { createContext, FC, useContext } from 'react';
+import { IUser } from '~/redux/auth/types';
+import { EMPTY_USER } from '~/redux/auth/constants';
+
+const UserContext = createContext<IUser>(EMPTY_USER);
+
+export const UserContextProvider: FC<{ user: IUser }> = ({ children, user }) => (
+  <UserContext.Provider value={user}>{children}</UserContext.Provider>
+);
+
+export const useUserContext = () => useContext(UserContext);