muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

added node related provider

Browse source
This commit is contained in:
Fedor Katurov 2021-11-21 17:09:58 +07:00
parent 3090f3a306
commit d202a8cb18
6 changed files with 67 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/utils/providers/NodeRelatedProvider.tsx
View file

@ -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 };