refactor: enhance EditUser component layout with Card and CardContent for improved styling
This commit is contained in:
parent
c6f7a51c50
commit
f94312dcaa
1 changed files with 87 additions and 82 deletions
|
|
@ -27,6 +27,7 @@ import {
|
|||
AlertDialogTrigger,
|
||||
} from "~/components/ui/alert-dialog";
|
||||
import { Button } from "~/components/ui/button";
|
||||
import { Card, CardContent } from "~/components/ui/card";
|
||||
import { Separator } from "~/components/ui/separator";
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs";
|
||||
import { OverridePasswordForm } from "~/forms/FormOverridePassword";
|
||||
|
|
@ -124,10 +125,9 @@ const EditUser: NextPageWithLayout<EditUserProps> = ({
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<TabsContent
|
||||
className="space-y-6 rounded-md bg-card p-4 px-2"
|
||||
value="account"
|
||||
>
|
||||
<TabsContent value="account">
|
||||
<Card>
|
||||
<CardContent className="space-y-6">
|
||||
<ProfileFormAccount
|
||||
cognome={userData.cognome}
|
||||
email={userData.email}
|
||||
|
|
@ -174,7 +174,8 @@ const EditUser: NextPageWithLayout<EditUserProps> = ({
|
|||
<AlertDialog>
|
||||
<AlertDialogTrigger asChild>
|
||||
<Button variant="destructive">
|
||||
<Trash2 className="size-4" /> Elimina utente permanentemente
|
||||
<Trash2 className="size-4" /> Elimina utente
|
||||
permanentemente
|
||||
</Button>
|
||||
</AlertDialogTrigger>
|
||||
<AlertDialogContent>
|
||||
|
|
@ -195,23 +196,27 @@ const EditUser: NextPageWithLayout<EditUserProps> = ({
|
|||
</AlertDialogContent>
|
||||
</AlertDialog>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</TabsContent>
|
||||
<TabsContent
|
||||
className="h-full space-y-6 rounded-md bg-card p-4 px-2"
|
||||
value="anagrafica"
|
||||
>
|
||||
<TabsContent value="anagrafica">
|
||||
<CatastoProvider>
|
||||
<Card>
|
||||
<CardContent>
|
||||
<ProfileFormAnagrafica userData={userData} />
|
||||
</CardContent>
|
||||
</Card>
|
||||
</CatastoProvider>
|
||||
</TabsContent>
|
||||
<TabsContent className="h-full space-y-6" value="documenti">
|
||||
<TabsContent value="documenti">
|
||||
<DocumentiPersonali userData={userData} />
|
||||
</TabsContent>
|
||||
<TabsContent
|
||||
className="h-full space-y-6 rounded-md bg-card p-4 px-2"
|
||||
value="password"
|
||||
>
|
||||
<TabsContent value="password">
|
||||
<Card>
|
||||
<CardContent>
|
||||
<OverridePasswordForm id={userData.id} />
|
||||
</CardContent>
|
||||
</Card>
|
||||
</TabsContent>
|
||||
<TabsContent className="space-y-6" value="fatture">
|
||||
{userData.codice_fiscale ? (
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue