From ff9d7a51e9bd0a48b453d23937d67fc535a53ef2 Mon Sep 17 00:00:00 2001
From: fede <federico.nicolas.polidoro@gmail.com>
Date: Thu, 15 Jan 2026 18:14:57 -0300
Subject: [PATCH] refactor del boton de editar perfil

---
 src/lib/components/DialogModificarUsuario.svelte | 11 +++--------
 src/routes/[perfil]/+page.svelte                 |  9 ++++++++-
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/DialogModificarUsuario.svelte b/src/lib/components/DialogModificarUsuario.svelte
index 1d6403f..e9931b0 100644
--- a/src/lib/components/DialogModificarUsuario.svelte
+++ b/src/lib/components/DialogModificarUsuario.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import UserPen from '@lucide/svelte/icons/user-pen';
 	import Button, { buttonVariants } from './ui/button/button.svelte';
 	import { Dialog } from './ui/dialog';
 	import DialogTrigger from './ui/dialog/dialog-trigger.svelte';
@@ -15,10 +14,10 @@
 	import { updateUsuario } from '@/hooks/updateUsuario';
 	import DialogFooter from './ui/dialog/dialog-footer.svelte';
 	import Spinner from './ui/spinner/spinner.svelte';
-	import { invalidate, invalidateAll } from '$app/navigation';
+	import { invalidate } from '$app/navigation';
 	import { page } from '$app/state';
 
-	let { data = $bindable() } = $props();
+	let { data = $bindable(), children } = $props();
 
 	let usuario: UserResponseDto = $state({
 		id: data.id,
@@ -57,11 +56,7 @@
 
 <Dialog bind:open>
 	<DialogTrigger>
-		<div class="fixed right-8 bottom-8">
-			<Button variant="default" size="icon-lg">
-				<UserPen />
-			</Button>
-		</div>
+		{@render children?.()}
 	</DialogTrigger>
 	<form {onsubmit}>
 		<DialogContent>
diff --git a/src/routes/[perfil]/+page.svelte b/src/routes/[perfil]/+page.svelte
index 50d6836..fe6f38f 100644
--- a/src/routes/[perfil]/+page.svelte
+++ b/src/routes/[perfil]/+page.svelte
@@ -19,6 +19,7 @@
 	import CardPerfil from '@/components/CardPerfil.svelte';
 	import DialogModificarUsuario from '@/components/DialogModificarUsuario.svelte';
 	import BotonSeguir from '@/components/BotonSeguir.svelte';
+	import UserPen from '@lucide/svelte/icons/user-pen';
 
 	let { params } = $props();
 
@@ -131,7 +132,13 @@
 </div>
 
 {#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}
 
 <svelte:head>