import type { GetServerSideProps } from "next"; import Head from "next/head"; import { AreaRiservataLayout } from "~/components/Layout"; import { LoadingPage } from "~/components/loading"; import { Status500 } from "~/components/status-page"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "~/components/ui/card"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs"; import { UserAvatar } from "~/components/user_avatar"; import { ChangePasswordForm } from "~/forms/FormChangePassword"; import { ProfileFormAccount } from "~/forms/FormProfilo_Account"; import { ProfileFormAnagrafica } from "~/forms/FormProfilo_Anagrafica"; import type { NextPageWithLayout } from "~/pages/_app"; import { useTranslation } from "~/providers/I18nProvider"; import { useEnforcedSession } from "~/providers/SessionProvider"; import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper"; import { api } from "~/utils/api"; const Dashboard: NextPageWithLayout = () => { const { t } = useTranslation(); const { data: userData, isLoading } = api.users.getClientProfilo.useQuery({ id: undefined, }); const session = useEnforcedSession(); if (isLoading) return ; if (!userData) return ; return ( <> {t.heads.area_riservata_titolo}

Profilo Utente

Gestisci le tue informazioni personali e le preferenze di account.

Account Anagrafica Dati Account Card Description Cambia Password Card Description

Ti sei registrato il:

{userData.created_at?.toLocaleString()}

Dati Anagrafici Card Description

); }; export default Dashboard; export const getServerSideProps = (async (context) => { const access_token = context.req.cookies.access_token; const helpers = await TrpcAuthedFetchingIstance({ access_token }); if (helpers) { await helpers.trpc.users.getClientProfilo.prefetch({ id: undefined }); return { props: { trpcState: helpers.trpc.dehydrate(), }, }; } return { props: {}, }; }) satisfies GetServerSideProps; Dashboard.getLayout = function getLayout(page) { return {page}; };