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

(nextjs) added node preloader

This commit is contained in:
Fedor Katurov 2022-01-17 18:27:31 +07:00
parent 73f970b82c
commit 2d9d88f1a1
7 changed files with 40 additions and 13 deletions

View file

@ -3,6 +3,7 @@ import { useEffect } from 'react';
export const useResizeHandler = (onResize: () => any) => {
useEffect(() => {
window.addEventListener('resize', onResize);
onResize();
return () => window.removeEventListener('resize', onResize);
}, [onResize]);
};

View file

@ -81,7 +81,5 @@ export const useFlowLoader = () => {
}
}, [flow]);
console.log(toJS(flow.nodes));
return { getInitialNodes, isSyncing, loadMore };
};

View file

@ -1,5 +1,5 @@
import useSWR from 'swr';
import { ApiGetNodeResponse } from '~/types/node';
import { ApiGetNodeRequest, ApiGetNodeResponse } from '~/types/node';
import { API } from '~/constants/api';
import { useOnNodeSeen } from '~/hooks/node/useOnNodeSeen';
import { apiGetNode } from '~/api/node';
@ -7,9 +7,11 @@ import { useCallback } from 'react';
import { INode } from '~/types';
import { EMPTY_NODE } from '~/constants/node';
export const useLoadNode = (id: number) => {
const { data, isValidating, mutate } = useSWR<ApiGetNodeResponse>(API.NODE.GET_NODE(id), () =>
apiGetNode({ id })
export const useLoadNode = (id: number, fallbackData?: ApiGetNodeResponse) => {
const { data, isValidating, mutate } = useSWR<ApiGetNodeResponse>(
API.NODE.GET_NODE(id),
() => apiGetNode({ id }),
{ fallbackData, revalidateOnMount: true }
);
const update = useCallback(