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

fixed 'show more' status while initial comment load

Browse source
This commit is contained in:
Fedor Katurov 2022-12-15 11:18:45 +06:00
parent 585f9b57cb
commit 60fdced237
2 changed files with 20 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/hooks/comments/useGetComments.ts
View file

@ -1,4 +1,4 @@
import { useCallback, useMemo } from 'react';
import { useCallback, useMemo, useState } from 'react';
import useSWRInfinite, { SWRInfiniteKeyLoader } from 'swr/infinite';
@ -26,6 +26,8 @@ const extractKey = (key: string) => {
};
export const useGetComments = (nodeId: number, fallbackData?: IComment[]) => {
const [isInitialLoaded, setIsInitialLoaded] = useState(false);
const { data, isValidating, setSize, size, mutate } = useSWRInfinite(
getKey(nodeId),
async (key: string) => {
@ -39,6 +41,7 @@ export const useGetComments = (nodeId: number, fallbackData?: IComment[]) => {
},
{
fallbackData: fallbackData && [fallbackData],
onSuccess: () => setIsInitialLoaded(true),
},
);
@ -52,13 +55,15 @@ export const useGetComments = (nodeId: number, fallbackData?: IComment[]) => {
[setSize, size],
);
const isLoading = isValidating && !isInitialLoaded;
return {
comments,
hasMore,
onLoadMoreComments,
isLoading: !data && isValidating,
isLoading,
mutate,
data,
isLoadingMore: !!data?.length && isValidating,
isLoadingMore: !!data?.length && isValidating && isInitialLoaded,
};
};