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

added lab loader

Browse source
This commit is contained in:
Fedor Katurov 2022-10-17 12:29:04 +06:00
parent dfcf0a541d
commit 165c79d82f
4 changed files with 83 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

61
src/hooks/lab/useGetLabNodes.ts
View file

@ -10,24 +10,25 @@ import { INode } from '~/types';
import { GetLabNodesRequest, ILabNode, LabNodesSort } from '~/types/lab';
import { flatten, uniqBy } from '~/utils/ramda';
const getKey: (isUser: boolean, sort?: LabNodesSort, search?: string) => SWRInfiniteKeyLoader = (
isUser,
sort,
search
) => (index, prev: ILabNode[]) => {
if (!isUser) return null;
if (index > 0 && (!prev?.length || prev.length < 20)) return null;
const getKey: (
isUser: boolean,
sort?: LabNodesSort,
search?: string,
) => SWRInfiniteKeyLoader =
(isUser, sort, search) => (index, prev: ILabNode[]) => {
if (!isUser) return null;
if (index > 0 && (!prev?.length || prev.length < 20)) return null;
const props: GetLabNodesRequest = {
limit: 20,
offset: index * 20,
sort: sort || LabNodesSort.New,
search: search || '',
const props: GetLabNodesRequest = {
limit: 20,
offset: index * 20,
sort: sort || LabNodesSort.New,
search: search || '',
};
return JSON.stringify(props);
};
return JSON.stringify(props);
};
const parseKey = (key: string): GetLabNodesRequest => {
try {
return JSON.parse(key);
@ -49,12 +50,15 @@ export const useGetLabNodes = (sort?: LabNodesSort, search?: string) => {
},
{
fallbackData: [labStore.nodes],
onSuccess: data => labStore.setNodes(flatten(data)),
onSuccess: (data) => labStore.setNodes(flatten(data)),
dedupingInterval: 300,
}
},
);
const nodes = useMemo(() => uniqBy(n => n.node.id, flatten(data || [])), [data]);
const nodes = useMemo(
() => uniqBy((n) => n.node.id, flatten(data || [])),
[data],
);
const hasMore = (data?.[size - 1]?.length || 0) >= 1;
const loadMore = useCallback(() => setSize(size + 1), [setSize, size]);
@ -63,20 +67,29 @@ export const useGetLabNodes = (sort?: LabNodesSort, search?: string) => {
async (node: ILabNode) => {
await mutate([[node], ...(data || [])]);
},
[data, mutate]
[data, mutate],
);
/** updates node on cache */
const updateNode = useCallback(
async (nodeId: number, node: Partial<INode>) => {
await mutate(
data?.map(page =>
page.map(it => (it.node.id === nodeId ? { ...it, node: { ...it.node, node } } : it))
)
data?.map((page) =>
page.map((it) =>
it.node.id === nodeId ? { ...it, node: { ...it.node, node } } : it,
),
),
);
},
[data, mutate]
[data, mutate],
);
return { nodes, isLoading: !data && isValidating, hasMore, loadMore, unshift, updateNode };
return {
nodes,
isLoading: !!data?.length && isValidating,
hasMore,
loadMore,
unshift,
updateNode,
};
};