"use client"; import LinkCard from "@/components/PublicPage/LinkCard"; import useDetectPageBottom from "@/hooks/useDetectPageBottom"; import getPublicCollectionData from "@/lib/client/getPublicCollectionData"; import { PublicCollectionIncludingLinks } from "@/types/global"; import { useRouter } from "next/router"; import React, { useEffect, useState } from "react"; import { motion, Variants } from "framer-motion"; import Head from "next/head"; const cardVariants: Variants = { offscreen: { y: 50, opacity: 0, }, onscreen: { y: 0, opacity: 1, transition: { duration: 0.4, }, }, }; export default function PublicCollections() { const router = useRouter(); const { reachedBottom, setReachedBottom } = useDetectPageBottom(); const [data, setData] = useState(); document.body.style.background = "white"; useEffect(() => { if (router.query.id) { getPublicCollectionData( Number(router.query.id), data as PublicCollectionIncludingLinks, setData ); } // document // .querySelector("body") // ?.classList.add( // "bg-gradient-to-br", // "from-slate-50", // "to-sky-50", // "min-h-screen" // ); }, []); useEffect(() => { if (reachedBottom && router.query.id) { getPublicCollectionData( Number(router.query.id), data as PublicCollectionIncludingLinks, setData ); } setReachedBottom(false); }, [reachedBottom]); return data ? (
{data ? ( {data.name} | Linkwarden ) : undefined}

{data.name}

{data.description && ( <>

{data.description}

)}
{data?.links?.map((e, i) => { return ( ); })}
{/*

List created with Linkwarden.

*/}
) : ( <> ); }