added node related provider

src/utils/providers/NodeRelatedProvider.tsx

@@ -1,18 +1,35 @@
-import { INodeRelated } from '~/redux/node/types';
-import React, { createContext, FC, useContext } from 'react';
+import React, { FC } from 'react';
+import { INode } from '~/redux/types';
+import { NodeRelatedContextProvider } from '~/utils/context/NodeRelatedContextProvider';
+import { ApiGetNodeRelatedResult, INodeRelated } from '~/redux/node/types';
+import useSWR from 'swr';
+import { API } from '~/constants/api';
+import { api } from '~/utils/api';
+import { AxiosResponse } from 'axios';
 
 interface NodeRelatedProviderProps {
-  related: INodeRelated;
-  isLoading: boolean;
+  id: INode['id'];
 }
 
-const NodeRelatedContext = createContext<NodeRelatedProviderProps>({
-  related: { albums: {}, similar: [] },
-  isLoading: false,
-});
+const defaultValue: INodeRelated = {
+  albums: {},
+  similar: [],
+};
 
-export const NodeRelatedProvider: FC<NodeRelatedProviderProps> = ({ children, ...rest }) => (
-  <NodeRelatedContext.Provider value={rest}>{children}</NodeRelatedContext.Provider>
-);
+const NodeRelatedProvider: FC<NodeRelatedProviderProps> = ({ id, children }) => {
+  const { data, isValidating } = useSWR<AxiosResponse<ApiGetNodeRelatedResult>>(
+    API.NODE.RELATED(id),
+    api.get
+  );
 
-export const useNodeRelatedContext = () => useContext<NodeRelatedProviderProps>(NodeRelatedContext);
+  return (
+    <NodeRelatedContextProvider
+      related={data?.data?.related || defaultValue}
+      isLoading={isValidating}
+    >
+      {children}
+    </NodeRelatedContextProvider>
+  );
+};
+
+export { NodeRelatedProvider };

src/utils/providers/SWRProvider.tsx

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+import { SWRConfig, SWRConfiguration } from 'swr';
+
+const config: SWRConfiguration = {
+  revalidateOnFocus: false,
+};
+
+export const SWRProvider: FC = ({ children }) => <SWRConfig value={config}>{children}</SWRConfig>;