diff --git a/src/lib/components/PostCard.svelte b/src/lib/components/PostCard.svelte index 2462ca9..bf7cb96 100644 --- a/src/lib/components/PostCard.svelte +++ b/src/lib/components/PostCard.svelte @@ -82,6 +82,7 @@ likePost(post), new Promise((resolve) => setTimeout(resolve, 300)) ]); + console.log(1); if (ok) { if (post.isLiked) { post.likesCount--; @@ -93,7 +94,9 @@ errorLike = true; mensajeError = message; } + console.log(1); updatePostStore(post.id, post); + console.log(1); cargandoLike = false; } diff --git a/src/routes/htag/[htag]/+page.svelte b/src/routes/htag/[htag]/+page.svelte index 8c4d41c..e58b96a 100644 --- a/src/routes/htag/[htag]/+page.svelte +++ b/src/routes/htag/[htag]/+page.svelte @@ -5,11 +5,12 @@ import Card from '@/components/ui/card/card.svelte'; import type { Post } from '../../../types.js'; import ModalEditar from '../../[perfil]/modalEditar.svelte'; - import { fade } from 'svelte/transition'; - import { updatePostStore } from '@/stores/posts'; + import { fade, slide } from 'svelte/transition'; + import { posts, setPosts, updatePostStore } from '@/stores/posts'; import { updatePost } from '@/hooks/updatePost'; import Separator from '@/components/ui/separator/separator.svelte'; import { page } from '$app/state'; + import { onMount } from 'svelte'; interface props { data: { @@ -23,10 +24,13 @@ let { data }: props = $props(); + //seteo los posts en el store + $effect(() => setPosts(data.posts.response)); + let postAModificar: Post | null = $state(null); let postsfiltro = $derived( - data.posts.response.filter((x) => { + $posts?.filter((x) => { const regex = new RegExp(`#${data.htag}\\b`, 'gm'); return regex.test(x.content); }) @@ -67,11 +71,11 @@
- {#key data.posts.response} - {#each postsfiltro as post} + {#each postsfiltro as post (post.id)} +
- {/each} - {/key} +
+ {/each}
diff --git a/src/routes/htag/[htag]/+page.ts b/src/routes/htag/[htag]/+page.ts index 1d92ae1..78cce78 100644 --- a/src/routes/htag/[htag]/+page.ts +++ b/src/routes/htag/[htag]/+page.ts @@ -1,5 +1,4 @@ import { obtenerCantidadDeUsosdeHtag } from '@/hooks/obtenerCantidadDeUsosdeHtag.js'; -import { error } from '@sveltejs/kit'; export async function load({ params, fetch }) { let { htag } = params;