From 53b63ac27c2275262db9a04be02210a3287aa71d Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Fri, 1 Dec 2023 19:34:58 +0100 Subject: refactor(pages): refine Blog pages * replace usePostsList with useArticlesList to keep names coherent * remove useIsMounted hook * rewrite useRedirection hook * add redirect in getStaticProps to avoid unecessary fetching * move Pagination component in a noscript tag * use hooks to refresh thematics and topics lists * complete Cypress tests --- src/utils/hooks/use-posts-list/use-posts-list.ts | 83 ------------------------ 1 file changed, 83 deletions(-) delete mode 100644 src/utils/hooks/use-posts-list/use-posts-list.ts (limited to 'src/utils/hooks/use-posts-list/use-posts-list.ts') diff --git a/src/utils/hooks/use-posts-list/use-posts-list.ts b/src/utils/hooks/use-posts-list/use-posts-list.ts deleted file mode 100644 index bb77f31..0000000 --- a/src/utils/hooks/use-posts-list/use-posts-list.ts +++ /dev/null @@ -1,83 +0,0 @@ -import { useCallback, useState } from 'react'; -import type { - ArticlePreview, - GraphQLConnection, - GraphQLEdge, - Maybe, - WPPostPreview, -} from '../../../types'; -import { - type UsePaginationConfig, - usePagination, - type UsePaginationReturn, -} from '../use-pagination'; -import { convertPostPreviewToArticlePreview } from 'src/services/graphql'; - -export type usePostsListReturn = Omit< - UsePaginationReturn, - 'data' -> & { - /** - * The articles list. - */ - articles: Maybe[]>; - /** - * The index of the first new result when loading more posts. - */ - firstNewResultIndex: Maybe; -}; - -export const usePostsList = ( - config: UsePaginationConfig -): usePostsListReturn => { - const { - data, - error, - hasNextPage, - isEmpty, - isError, - isLoading, - isLoadingMore, - isRefreshing, - isValidating, - loadMore, - size, - } = usePagination(config); - const [firstNewResultIndex, setFirstNewResultIndex] = - useState>(undefined); - - const handleLoadMore = useCallback(async () => { - setFirstNewResultIndex(size * config.perPage + 1); - - await loadMore(); - }, [config.perPage, loadMore, size]); - - const articles: Maybe[]> = data?.map( - (page): GraphQLConnection => { - return { - edges: page.edges.map((edge): GraphQLEdge => { - return { - cursor: edge.cursor, - node: convertPostPreviewToArticlePreview(edge.node), - }; - }), - pageInfo: page.pageInfo, - }; - } - ); - - return { - articles, - error, - firstNewResultIndex, - hasNextPage, - isEmpty, - isError, - isLoading, - isLoadingMore, - isRefreshing, - isValidating, - loadMore: handleLoadMore, - size, - }; -}; -- cgit v1.2.3