fede/minix-front
1
0
Fork 0
mirror of https://github.com/emailerfacu-spec/minix-front.git synced 2026-04-19 16:07:32 -03:00
Code Issues Packages Projects Releases Wiki Activity

refactor del boton de editar perfil

Browse Source
This commit is contained in:
fedpo
2026-01-15 18:14:57 -03:00
parent b018426ce7
commit ff9d7a51e9
2 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/lib/components/DialogModificarUsuario.svelte
View File

@@ -1,5 +1,4 @@
<script lang="ts"> <script lang="ts">
import UserPen from '@lucide/svelte/icons/user-pen';
import Button, { buttonVariants } from './ui/button/button.svelte'; import Button, { buttonVariants } from './ui/button/button.svelte';
import { Dialog } from './ui/dialog'; import { Dialog } from './ui/dialog';
import DialogTrigger from './ui/dialog/dialog-trigger.svelte'; import DialogTrigger from './ui/dialog/dialog-trigger.svelte';
@@ -15,10 +14,10 @@
import { updateUsuario } from '@/hooks/updateUsuario'; import { updateUsuario } from '@/hooks/updateUsuario';
import DialogFooter from './ui/dialog/dialog-footer.svelte'; import DialogFooter from './ui/dialog/dialog-footer.svelte';
import Spinner from './ui/spinner/spinner.svelte'; import Spinner from './ui/spinner/spinner.svelte';
import { invalidate, invalidateAll } from '$app/navigation'; import { invalidate } from '$app/navigation';
import { page } from '$app/state'; import { page } from '$app/state';
let { data = $bindable() } = $props(); let { data = $bindable(), children } = $props();
let usuario: UserResponseDto = $state({ let usuario: UserResponseDto = $state({
id: data.id, id: data.id,
@@ -57,11 +56,7 @@
<Dialog bind:open> <Dialog bind:open>
<DialogTrigger> <DialogTrigger>
<div class="fixed right-8 bottom-8"> {@render children?.()}
<Button variant="default" size="icon-lg">
<UserPen />
</Button>
</div>
</DialogTrigger> </DialogTrigger>
<form {onsubmit}> <form {onsubmit}>
<DialogContent> <DialogContent>

9
src/routes/[perfil]/+page.svelte
View File

@@ -19,6 +19,7 @@
import CardPerfil from '@/components/CardPerfil.svelte'; import CardPerfil from '@/components/CardPerfil.svelte';
import DialogModificarUsuario from '@/components/DialogModificarUsuario.svelte'; import DialogModificarUsuario from '@/components/DialogModificarUsuario.svelte';
import BotonSeguir from '@/components/BotonSeguir.svelte'; import BotonSeguir from '@/components/BotonSeguir.svelte';
import UserPen from '@lucide/svelte/icons/user-pen';
let { params } = $props(); let { params } = $props();
@@ -131,7 +132,13 @@
</div> </div>
{#if $sesionStore?.isAdmin || $sesionStore?.username == params.perfil} {#if $sesionStore?.isAdmin || $sesionStore?.username == params.perfil}
<DialogModificarUsuario bind:data /> <DialogModificarUsuario bind:data>
<div class="fixed right-8 bottom-8">
<Button variant="default" size="icon-lg">
<UserPen />
</Button>
</div>
</DialogModificarUsuario>
{/if} {/if}
<svelte:head> <svelte:head>