From adb4f7a4c15368b02343908c98ff005bf717fbd9 Mon Sep 17 00:00:00 2001
From: fede <federico.nicolas.polidoro@gmail.com>
Date: Tue, 30 Dec 2025 15:55:20 -0300
Subject: [PATCH] Actualizado el boton de like

---
 src/lib/components/PostCard.svelte | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/PostCard.svelte b/src/lib/components/PostCard.svelte
index 8ee383f..2462ca9 100644
--- a/src/lib/components/PostCard.svelte
+++ b/src/lib/components/PostCard.svelte
@@ -77,7 +77,11 @@
 
 	async function likeHandler() {
 		cargandoLike = true;
-		let { message, ok } = await likePost(post);
+		//para que se vea el spinner
+		let [{ message, ok }] = await Promise.all([
+			likePost(post),
+			new Promise((resolve) => setTimeout(resolve, 300))
+		]);
 		if (ok) {
 			if (post.isLiked) {
 				post.likesCount--;
@@ -159,14 +163,18 @@
 		<div class="-mt-2 flex items-center justify-between gap-2 text-xs text-muted-foreground">
 			<Button
 				variant="ghost"
-				disabled={!$sesionStore?.accessToken}
+				disabled={!$sesionStore?.accessToken || cargandoLike}
 				class={`${post.isLiked ? 'bg-blue-500/30' : 'bg-accent'} flex items-center gap-2 rounded-full p-3 text-lg`}
 				onclick={() => likeHandler()}
 			>
 				<p>
 					{post.likesCount}
 				</p>
-				<ThumbsUp />
+				{#if cargandoLike}
+					<Spinner />
+				{:else}
+					<ThumbsUp />
+				{/if}
 			</Button>
 			<Button variant="ghost" class="flex items-center gap-2 rounded-full bg-accent p-3 text-lg">
 				<p>