refactor: enhance EditUser component layout with Card and CardContent for improved styling

This commit is contained in:
Marco Pedone 2025-11-17 18:13:13 +01:00
parent c6f7a51c50
commit f94312dcaa

View file

@ -27,6 +27,7 @@ import {
AlertDialogTrigger, AlertDialogTrigger,
} from "~/components/ui/alert-dialog"; } from "~/components/ui/alert-dialog";
import { Button } from "~/components/ui/button"; import { Button } from "~/components/ui/button";
import { Card, CardContent } from "~/components/ui/card";
import { Separator } from "~/components/ui/separator"; import { Separator } from "~/components/ui/separator";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs";
import { OverridePasswordForm } from "~/forms/FormOverridePassword"; import { OverridePasswordForm } from "~/forms/FormOverridePassword";
@ -124,10 +125,9 @@ const EditUser: NextPageWithLayout<EditUserProps> = ({
</div> </div>
</div> </div>
<TabsContent <TabsContent value="account">
className="space-y-6 rounded-md bg-card p-4 px-2" <Card>
value="account" <CardContent className="space-y-6">
>
<ProfileFormAccount <ProfileFormAccount
cognome={userData.cognome} cognome={userData.cognome}
email={userData.email} email={userData.email}
@ -174,7 +174,8 @@ const EditUser: NextPageWithLayout<EditUserProps> = ({
<AlertDialog> <AlertDialog>
<AlertDialogTrigger asChild> <AlertDialogTrigger asChild>
<Button variant="destructive"> <Button variant="destructive">
<Trash2 className="size-4" /> Elimina utente permanentemente <Trash2 className="size-4" /> Elimina utente
permanentemente
</Button> </Button>
</AlertDialogTrigger> </AlertDialogTrigger>
<AlertDialogContent> <AlertDialogContent>
@ -195,23 +196,27 @@ const EditUser: NextPageWithLayout<EditUserProps> = ({
</AlertDialogContent> </AlertDialogContent>
</AlertDialog> </AlertDialog>
</div> </div>
</CardContent>
</Card>
</TabsContent> </TabsContent>
<TabsContent <TabsContent value="anagrafica">
className="h-full space-y-6 rounded-md bg-card p-4 px-2"
value="anagrafica"
>
<CatastoProvider> <CatastoProvider>
<Card>
<CardContent>
<ProfileFormAnagrafica userData={userData} /> <ProfileFormAnagrafica userData={userData} />
</CardContent>
</Card>
</CatastoProvider> </CatastoProvider>
</TabsContent> </TabsContent>
<TabsContent className="h-full space-y-6" value="documenti"> <TabsContent value="documenti">
<DocumentiPersonali userData={userData} /> <DocumentiPersonali userData={userData} />
</TabsContent> </TabsContent>
<TabsContent <TabsContent value="password">
className="h-full space-y-6 rounded-md bg-card p-4 px-2" <Card>
value="password" <CardContent>
>
<OverridePasswordForm id={userData.id} /> <OverridePasswordForm id={userData.id} />
</CardContent>
</Card>
</TabsContent> </TabsContent>
<TabsContent className="space-y-6" value="fatture"> <TabsContent className="space-y-6" value="fatture">
{userData.codice_fiscale ? ( {userData.codice_fiscale ? (