59 lines
1.6 KiB
TypeScript
59 lines
1.6 KiB
TypeScript
|
import { LinkRequestQuery } from "@/types/global";
|
||
|
|
import { useEffect } from "react";
|
||
|
|
import useDetectPageBottom from "./useDetectPageBottom";
|
||
|
|
import { useRouter } from "next/router";
|
||
|
|
import useLinkStore from "@/store/links";
|
||
|
|
|
||
|
|
export default function useLinks({
|
||
|
|
sort,
|
||
|
|
searchFilter,
|
||
|
|
searchQuery,
|
||
|
|
pinnedOnly,
|
||
|
|
collectionId,
|
||
|
|
tagId,
|
||
|
|
}: Omit<LinkRequestQuery, "cursor"> = {}) {
|
||
|
|
const { links, setLinks, resetLinks } = useLinkStore();
|
||
|
|
const router = useRouter();
|
||
|
|
|
||
|
|
const hasReachedBottom = useDetectPageBottom();
|
||
|
|
|
||
|
|
const getLinks = async (isInitialCall: boolean, cursor?: number) => {
|
||
|
|
const response = await fetch(
|
||
|
|
`/api/routes/links?cursor=${cursor}${
|
||
|
|
(sort ? "&sort=" + sort : "") +
|
||
|
|
(searchQuery && searchFilter
|
||
|
|
? "&searchQuery=" +
|
||
|
|
searchQuery +
|
||
|
|
"&searchFilter=" +
|
||
|
|
searchFilter.name +
|
||
|
|
"-" +
|
||
|
|
searchFilter.url +
|
||
|
|
"-" +
|
||
|
|
searchFilter.description +
|
||
|
|
"-" +
|
||
|
|
searchFilter.collection +
|
||
|
|
"-" +
|
||
|
|
searchFilter.tags
|
||
|
|
: "") +
|
||
|
|
(collectionId ? "&collectionId=" + collectionId : "") +
|
||
|
|
(tagId ? "&tagId=" + tagId : "") +
|
||
|
|
(pinnedOnly ? "&pinnedOnly=" + pinnedOnly : "")
|
||
|
|
}`
|
||
|
|
);
|
||
|
|
|
||
|
|
const data = await response.json();
|
||
|
|
|
||
|
|
if (response.ok) setLinks(data.response, isInitialCall);
|
||
|
|
};
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
resetLinks();
|
||
|
|
|
||
|
|
getLinks(true);
|
||
|
|
}, [router, sort, searchFilter]);
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
if (hasReachedBottom) getLinks(false, links?.at(-1)?.id);
|
||
|
|
}, [hasReachedBottom]);
|
||
|
|
}
|