infoalloggi-monorepo/apps/infoalloggi/src/pages/area-riservata/profilo.tsx

import Head from "next/head";
import { DocumentiPersonali } from "~/components/area-riservata/documenti_personali";
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 { CatastoProvider } from "~/providers/CatastoProvider";
import { useEnforcedSession } from "~/providers/SessionProvider";
import { api } from "~/utils/api";

const Dashboard: NextPageWithLayout = () => {
	const { user } = useEnforcedSession();

	const { data: userData, isLoading } = api.users.getClientProfilo.useQuery({
		userId: user.id,
	});
	const session = useEnforcedSession();
	if (isLoading) return <LoadingPage />;
	if (!userData) return <Status500 />;

	return (
		<>
			<Head>
				<title>Profilo - Infoalloggi.it</title>
			</Head>

			<div className="mx-auto w-full max-w-5xl grow p-4">
				<div className="flex p-1 py-2">
					<UserAvatar
						userId={session.user.id}
						username={session.user.username}
					/>

					<div className="flex flex-col items-start justify-center pl-4">
						<h1 className="font-bold text-2xl">Profilo Utente</h1>
						<p className="text-muted-foreground text-sm">
							Gestisci le tue informazioni personali e le preferenze di account.
						</p>
					</div>
				</div>
				<div className="space-y-4 pt-4">
					<div className="flex flex-col-reverse gap-4 sm:flex-row">
						<div className="w-full pb-10">
							<Tabs className="w-full" defaultValue="account">
								<TabsList className="mb-2">
									<TabsTrigger value="account">Account</TabsTrigger>
									<TabsTrigger value="anagrafica">Anagrafica</TabsTrigger>
									<TabsTrigger value="documenti">Documenti</TabsTrigger>
								</TabsList>
								<TabsContent className="flex flex-col gap-8" value="account">
									<Card>
										<CardHeader>
											<CardTitle>Dati Account</CardTitle>
											<CardDescription className="sr-only">
												Card Description
											</CardDescription>
										</CardHeader>
										<CardContent>
											<ProfileFormAccount
												cognome={userData.cognome}
												email={userData.email}
												id={userData.id}
												nome={userData.nome}
												telefono={userData.telefono}
											/>
										</CardContent>
									</Card>
									<Card>
										<CardHeader>
											<CardTitle>Cambia Password</CardTitle>
											<CardDescription className="sr-only">
												Card Description
											</CardDescription>
										</CardHeader>
										<CardContent>
											<ChangePasswordForm />
										</CardContent>
									</Card>
									<div className="flex flex-col gap-2 p-2">
										<h4 className="font-medium">Ti sei registrato il:</h4>
										<p>{userData.created_at?.toLocaleString("it-IT")}</p>
									</div>
								</TabsContent>
								<TabsContent className="h-full space-y-6" value="anagrafica">
									<Card>
										<CardHeader>
											<CardTitle>Dati Anagrafici</CardTitle>
											<CardDescription className="sr-only">
												Card Description
											</CardDescription>
										</CardHeader>
										<CardContent>
											<CatastoProvider>
												<ProfileFormAnagrafica userData={userData} />
											</CatastoProvider>
										</CardContent>
									</Card>
								</TabsContent>
								<TabsContent className="h-full space-y-6" value="documenti">
									<DocumentiPersonali userData={userData} />
								</TabsContent>
							</Tabs>
						</div>
					</div>
				</div>
			</div>
		</>
	);
};
export default Dashboard;

Dashboard.getLayout = function getLayout(page) {
	return <AreaRiservataLayout>{page}</AreaRiservataLayout>;
};
init 2025-08-04 17:45:44 +02:00			`import Head from "next/head";`
feat: enhance user management and document handling; refactor service and schema integrations 2025-11-10 16:27:15 +01:00			`import { DocumentiPersonali } from "~/components/area-riservata/documenti_personali";`
init 2025-08-04 17:45:44 +02:00			`import { AreaRiservataLayout } from "~/components/Layout";`
eslint migration biome 2025-08-28 18:27:07 +02:00			`import { LoadingPage } from "~/components/loading";`
init 2025-08-04 17:45:44 +02:00			`import { Status500 } from "~/components/status-page";`
eslint migration biome 2025-08-28 18:27:07 +02:00			`import {`
			`Card,`
			`CardContent,`
			`CardDescription,`
			`CardHeader,`
			`CardTitle,`
			`} from "~/components/ui/card";`
init 2025-08-04 17:45:44 +02:00			`import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs";`
eslint migration biome 2025-08-28 18:27:07 +02:00			`import { UserAvatar } from "~/components/user_avatar";`
			`import { ChangePasswordForm } from "~/forms/FormChangePassword";`
init 2025-08-04 17:45:44 +02:00			`import { ProfileFormAccount } from "~/forms/FormProfilo_Account";`
			`import { ProfileFormAnagrafica } from "~/forms/FormProfilo_Anagrafica";`
eslint migration biome 2025-08-28 18:27:07 +02:00			`import type { NextPageWithLayout } from "~/pages/_app";`
catasto 2025-11-13 15:45:55 +01:00			`import { CatastoProvider } from "~/providers/CatastoProvider";`
Refactor session handling: implement useEnforcedSession for better session validation across components 2025-08-20 14:04:23 +02:00			`import { useEnforcedSession } from "~/providers/SessionProvider";`
eslint migration biome 2025-08-28 18:27:07 +02:00			`import { api } from "~/utils/api";`
init 2025-08-04 17:45:44 +02:00
			`const Dashboard: NextPageWithLayout = () => {`
feat: enhance user management and document handling; refactor service and schema integrations 2025-11-10 16:27:15 +01:00			`const { user } = useEnforcedSession();`

eslint migration biome 2025-08-28 18:27:07 +02:00			`const { data: userData, isLoading } = api.users.getClientProfilo.useQuery({`
feat: enhance user management and document handling; refactor service and schema integrations 2025-11-10 16:27:15 +01:00			`userId: user.id,`
eslint migration biome 2025-08-28 18:27:07 +02:00			`});`
			`const session = useEnforcedSession();`
			`if (isLoading) return <LoadingPage />;`
			`if (!userData) return <Status500 />;`
init 2025-08-04 17:45:44 +02:00
eslint migration biome 2025-08-28 18:27:07 +02:00			`return (`
			`<>`
			`<Head>`
feat: update page titles and descriptions for improved SEO and user experience - Updated Italian translations for "Area Riservata" description in it.ts - Added <Head> components with appropriate titles for the following pages: - Admin Annunci - Admin Banners - Admin Blacklist - Admin Chats - Admin Etichette - Admin Flags - Admin Impostazioni - Admin Ordini - Admin Potenziali - Admin Prezziario - Admin Storage - Admin Testi Stringhe - Admin Utenti - Allegati - User Chat - Comunicazioni - Ordini - Profilo - Removed unused translation hooks from several components 2026-01-19 10:23:16 +01:00			`<title>Profilo - Infoalloggi.it</title>`
eslint migration biome 2025-08-28 18:27:07 +02:00			`</Head>`
init 2025-08-04 17:45:44 +02:00
eslint migration biome 2025-08-28 18:27:07 +02:00			`<div className="mx-auto w-full max-w-5xl grow p-4">`
			`<div className="flex p-1 py-2">`
			`<UserAvatar`
			`userId={session.user.id}`
formatt 2025-08-29 16:18:32 +02:00			`username={session.user.username}`
eslint migration biome 2025-08-28 18:27:07 +02:00			`/>`
init 2025-08-04 17:45:44 +02:00
eslint migration biome 2025-08-28 18:27:07 +02:00			`<div className="flex flex-col items-start justify-center pl-4">`
refactor: remove unnecessary text-primary class from headings for consistent styling 2025-12-29 16:09:51 +01:00			`<h1 className="font-bold text-2xl">Profilo Utente</h1>`
eslint migration biome 2025-08-28 18:27:07 +02:00			`<p className="text-muted-foreground text-sm">`
			`Gestisci le tue informazioni personali e le preferenze di account.`
			`</p>`
			`</div>`
			`</div>`
			`<div className="space-y-4 pt-4">`
			`<div className="flex flex-col-reverse gap-4 sm:flex-row">`
			`<div className="w-full pb-10">`
formatt 2025-08-29 16:18:32 +02:00			`<Tabs className="w-full" defaultValue="account">`
eslint migration biome 2025-08-28 18:27:07 +02:00			`<TabsList className="mb-2">`
			`<TabsTrigger value="account">Account</TabsTrigger>`
			`<TabsTrigger value="anagrafica">Anagrafica</TabsTrigger>`
feat: enhance user management and document handling; refactor service and schema integrations 2025-11-10 16:27:15 +01:00			`<TabsTrigger value="documenti">Documenti</TabsTrigger>`
eslint migration biome 2025-08-28 18:27:07 +02:00			`</TabsList>`
formatt 2025-08-29 16:18:32 +02:00			`<TabsContent className="flex flex-col gap-8" value="account">`
eslint migration biome 2025-08-28 18:27:07 +02:00			`<Card>`
			`<CardHeader>`
			`<CardTitle>Dati Account</CardTitle>`
			`<CardDescription className="sr-only">`
			`Card Description`
			`</CardDescription>`
			`</CardHeader>`
			`<CardContent>`
			`<ProfileFormAccount`
			`cognome={userData.cognome}`
			`email={userData.email}`
formatt 2025-08-29 16:18:32 +02:00			`id={userData.id}`
			`nome={userData.nome}`
eslint migration biome 2025-08-28 18:27:07 +02:00			`telefono={userData.telefono}`
			`/>`
			`</CardContent>`
			`</Card>`
			`<Card>`
			`<CardHeader>`
			`<CardTitle>Cambia Password</CardTitle>`
			`<CardDescription className="sr-only">`
			`Card Description`
			`</CardDescription>`
			`</CardHeader>`
			`<CardContent>`
			`<ChangePasswordForm />`
			`</CardContent>`
			`</Card>`
			`<div className="flex flex-col gap-2 p-2">`
			`<h4 className="font-medium">Ti sei registrato il:</h4>`
fix: update date formatting to Italian locale in email and user views 2026-01-26 17:45:52 +01:00			`<p>{userData.created_at?.toLocaleString("it-IT")}</p>`
eslint migration biome 2025-08-28 18:27:07 +02:00			`</div>`
			`</TabsContent>`
formatt 2025-08-29 16:18:32 +02:00			`<TabsContent className="h-full space-y-6" value="anagrafica">`
eslint migration biome 2025-08-28 18:27:07 +02:00			`<Card>`
			`<CardHeader>`
			`<CardTitle>Dati Anagrafici</CardTitle>`
			`<CardDescription className="sr-only">`
			`Card Description`
			`</CardDescription>`
			`</CardHeader>`
			`<CardContent>`
catasto 2025-11-13 15:45:55 +01:00			`<CatastoProvider>`
			`<ProfileFormAnagrafica userData={userData} />`
			`</CatastoProvider>`
eslint migration biome 2025-08-28 18:27:07 +02:00			`</CardContent>`
			`</Card>`
			`</TabsContent>`
feat: enhance user management and document handling; refactor service and schema integrations 2025-11-10 16:27:15 +01:00			`<TabsContent className="h-full space-y-6" value="documenti">`
			`<DocumentiPersonali userData={userData} />`
			`</TabsContent>`
eslint migration biome 2025-08-28 18:27:07 +02:00			`</Tabs>`
			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`</>`
			`);`
init 2025-08-04 17:45:44 +02:00			`};`
			`export default Dashboard;`

			`Dashboard.getLayout = function getLayout(page) {`
eslint migration biome 2025-08-28 18:27:07 +02:00			`return <AreaRiservataLayout>{page}</AreaRiservataLayout>;`
init 2025-08-04 17:45:44 +02:00			`};`