fede/minix-front
1
0
Fork 0
mirror of https://github.com/emailerfacu-spec/minix-front.git synced 2026-04-01 13:10:44 -03:00
Code Issues Packages Projects Releases Wiki Activity

Actualizado el boton de like

Browse Source
This commit is contained in:
fedpo
2025-12-30 15:55:20 -03:00
parent 324546b5f8
commit adb4f7a4c1
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/PostCard.svelte
View File

@@ -77,7 +77,11 @@
async function likeHandler() { async function likeHandler() {
cargandoLike = true; 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 (ok) {
if (post.isLiked) { if (post.isLiked) {
post.likesCount--; post.likesCount--;
@@ -159,14 +163,18 @@
<div class="-mt-2 flex items-center justify-between gap-2 text-xs text-muted-foreground"> <div class="-mt-2 flex items-center justify-between gap-2 text-xs text-muted-foreground">
<Button <Button
variant="ghost" 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`} class={`${post.isLiked ? 'bg-blue-500/30' : 'bg-accent'} flex items-center gap-2 rounded-full p-3 text-lg`}
onclick={() => likeHandler()} onclick={() => likeHandler()}
> >
<p> <p>
{post.likesCount} {post.likesCount}
</p> </p>
<ThumbsUp /> {#if cargandoLike}
<Spinner />
{:else}
<ThumbsUp />
{/if}
</Button> </Button>
<Button variant="ghost" class="flex items-center gap-2 rounded-full bg-accent p-3 text-lg"> <Button variant="ghost" class="flex items-center gap-2 rounded-full bg-accent p-3 text-lg">
<p> <p>