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:
parent
73f970b82c
commit
2d9d88f1a1
7 changed files with 40 additions and 13 deletions
|
@ -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]);
|
||||
};
|
||||
|
|
|
@ -81,7 +81,5 @@ export const useFlowLoader = () => {
|
|||
}
|
||||
}, [flow]);
|
||||
|
||||
console.log(toJS(flow.nodes));
|
||||
|
||||
return { getInitialNodes, isSyncing, loadMore };
|
||||
};
|
||||
|
|
|
@ -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(
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue