From e25dfa910ff90112c84c15f4c84fdf4eb75af7af Mon Sep 17 00:00:00 2001
From: fede <federico.nicolas.polidoro@gmail.com>
Date: Wed, 3 Dec 2025 16:25:39 -0300
Subject: [PATCH] =?UTF-8?q?a=C3=B1adido=20estado=20de=20carga=20en=20el=20?=
 =?UTF-8?q?modificar=20post?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/[perfil]/modalEditar.svelte | 31 ++++++++++++++++++--------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/routes/[perfil]/modalEditar.svelte b/src/routes/[perfil]/modalEditar.svelte
index ddd6355..1eb1953 100644
--- a/src/routes/[perfil]/modalEditar.svelte
+++ b/src/routes/[perfil]/modalEditar.svelte
@@ -14,6 +14,7 @@
 	import { Tooltip, TooltipProvider } from '@/components/ui/tooltip';
 	import TooltipTrigger from '@/components/ui/tooltip/tooltip-trigger.svelte';
 	import TooltipContent from '@/components/ui/tooltip/tooltip-content.svelte';
+	import Spinner from '@/components/ui/spinner/spinner.svelte';
 
 	interface Props {
 		post: Post | null;
@@ -21,11 +22,21 @@
 	}
 	let { post = $bindable(), callbackfn }: Props = $props();
 
-	function handleKeydown(e: KeyboardEvent) {
+	let cargando = $state(false);
+
+	async function handleKeydown(e: KeyboardEvent) {
 		if (e.ctrlKey && e.key === 'Enter') {
-			callbackfn(e);
+			cargando = true;
+			await callbackfn(e);
+			cargando = false;
 		}
 	}
+	async function onsubmit(e: SubmitEvent) {
+		e.preventDefault();
+		cargando = true;
+		await callbackfn(e);
+		cargando = false;
+	}
 </script>
 
 <Dialog open={true} onOpenChange={() => (post = null)}>
@@ -34,11 +45,7 @@
 			<DialogTitle>Editar Publicacion</DialogTitle>
 		</DialogHeader>
 		<DialogDescription>
-			<form
-				onsubmit={(e: SubmitEvent) => {
-					callbackfn(e);
-				}}
-			>
+			<form {onsubmit}>
 				<InputGroup>
 					<InputGroupTextarea
 						bind:value={post!.content}
@@ -61,13 +68,19 @@
 									<TooltipTrigger>
 										<InputGroupButton
 											variant="default"
+											disabled={cargando}
 											type="submit"
 											class="transform rounded-full transition-transform ease-in hover:scale-120"
 											size="xs"
 										>
 											<p class="flex items-center gap-1">
-												Modificar
-												<ArrowUpIcon class="mt-0.5 h-3.5! w-3.5!" />
+												{#if cargando}
+													<Spinner />
+													Cargando...
+												{:else}
+													Modificar
+													<ArrowUpIcon class="mt-0.5 h-3.5! w-3.5!" />
+												{/if}
 											</p>
 										</InputGroupButton>
 									</TooltipTrigger>