import { format } from "date-fns"; import type { GetServerSideProps } from "next"; import Head from "next/head"; import Link from "next/link"; import { AreaRiservataLayout } from "~/components/Layout"; import { LoadingPage } from "~/components/loading"; import { Status500 } from "~/components/status-page"; import { Button } from "~/components/ui/button"; import { Separator } from "~/components/ui/separator"; import type { NextPageWithLayout } from "~/pages/_app"; import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper"; import { api } from "~/utils/api"; const Incroci: NextPageWithLayout = () => { const { data, isLoading } = api.incroci.getAll.useQuery(); if (isLoading) return ; if (!data) return ; return ( <> Incorici - Infoalloggi.it

Incroci

{data.map((incrocio) => (
Cod: {incrocio.codice}
Titolo: {incrocio.titolo_it}
Richieste:
    {incrocio.richieste.map((r) => (
  • Username: {r.username}
    Aggiunto il: {format(new Date(r.created_at), "dd/MM/yyyy")}
    Aperto Contatti il: {r.open_contatti_at ? format(new Date(r.open_contatti_at), "dd/MM/yyyy") : "Non aperto"}
    Mandato conferma il: {r.user_confirmed_at ? format(new Date(r.user_confirmed_at), "dd/MM/yyyy") : "Non confermato"}
    Conferma da Admin: {r.hasConfermaAdmin ? "Si" : "No"}
  • ))}
))}
); }; export default Incroci; export const getServerSideProps = (async (context) => { const access_token = context.req.cookies.access_token; const helpers = await TrpcAuthedFetchingIstance({ access_token }); if (helpers) { await helpers.trpc.incroci.getAll.prefetch(); return { props: { trpcState: helpers.trpc.dehydrate(), }, }; } return { props: {}, }; }) satisfies GetServerSideProps; Incroci.getLayout = function getLayout(page) { return {page}; };