import React, { useEffect, useState } from "react"; import { useRouter } from "next/router"; import { ArchivedFormat, LinkIncludingShortenedCollectionAndTags, } from "@/types/global"; import ReadableView from "@/components/ReadableView"; import getServerSideProps from "@/lib/client/getServerSideProps"; import { useGetLink } from "@/hooks/store/links"; export default function Index() { const getLink = useGetLink(); const [link, setLink] = useState(); const router = useRouter(); useEffect(() => { const fetchLink = async () => { if (router.query.id) { const get = await getLink.mutateAsync({ id: Number(router.query.id) }); setLink(get); } }; fetchLink(); }, []); return (
{/*
Readable
*/} {link && Number(router.query.format) === ArchivedFormat.readability && ( )} {link && Number(router.query.format) === ArchivedFormat.monolith && ( )} {link && Number(router.query.format) === ArchivedFormat.pdf && ( )} {link && Number(router.query.format) === ArchivedFormat.png && ( )} {link && Number(router.query.format) === ArchivedFormat.jpeg && ( )}
); } export { getServerSideProps };