fede/minix-front
1
0
Fork 0
mirror of https://github.com/emailerfacu-spec/minix-front.git synced 2026-04-18 15:57:31 -03:00
Code Issues Packages Projects Releases Wiki Activity

Arreglado que no se podia dar like

Browse Source
This commit is contained in:
fedpo
2026-01-01 21:36:40 -03:00
parent 51da74e971
commit 7de6125eb8
3 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -82,6 +82,7 @@
likePost(post), likePost(post),
new Promise((resolve) => setTimeout(resolve, 300)) new Promise((resolve) => setTimeout(resolve, 300))
]); ]);
console.log(1);
if (ok) { if (ok) {
if (post.isLiked) { if (post.isLiked) {
post.likesCount--; post.likesCount--;
@@ -93,7 +94,9 @@
errorLike = true; errorLike = true;
mensajeError = message; mensajeError = message;
} }
console.log(1);
updatePostStore(post.id, post); updatePostStore(post.id, post);
console.log(1);
cargandoLike = false; cargandoLike = false;
} }
</script> </script>

18
src/routes/htag/[htag]/+page.svelte
View File

@@ -5,11 +5,12 @@
import Card from '@/components/ui/card/card.svelte'; import Card from '@/components/ui/card/card.svelte';
import type { Post } from '../../../types.js'; import type { Post } from '../../../types.js';
import ModalEditar from '../../[perfil]/modalEditar.svelte'; import ModalEditar from '../../[perfil]/modalEditar.svelte';
import { fade } from 'svelte/transition'; import { fade, slide } from 'svelte/transition';
import { updatePostStore } from '@/stores/posts'; import { posts, setPosts, updatePostStore } from '@/stores/posts';
import { updatePost } from '@/hooks/updatePost'; import { updatePost } from '@/hooks/updatePost';
import Separator from '@/components/ui/separator/separator.svelte'; import Separator from '@/components/ui/separator/separator.svelte';
import { page } from '$app/state'; import { page } from '$app/state';
import { onMount } from 'svelte';
interface props { interface props {
data: { data: {
@@ -23,10 +24,13 @@
let { data }: props = $props(); let { data }: props = $props();
//seteo los posts en el store
$effect(() => setPosts(data.posts.response));
let postAModificar: Post | null = $state(null); let postAModificar: Post | null = $state(null);
let postsfiltro = $derived( let postsfiltro = $derived(
data.posts.response.filter((x) => { $posts?.filter((x) => {
const regex = new RegExp(`#${data.htag}\\b`, 'gm'); const regex = new RegExp(`#${data.htag}\\b`, 'gm');
return regex.test(x.content); return regex.test(x.content);
}) })
@@ -67,11 +71,11 @@
<hr class="my-2" /> <hr class="my-2" />
<div class="mt-1 flex flex-col gap-3"> <div class="mt-1 flex flex-col gap-3">
{#key data.posts.response} {#each postsfiltro as post (post.id)}
{#each postsfiltro as post} <div transition:slide>
<PostCard {post} bind:postAModificar /> <PostCard {post} bind:postAModificar />
{/each} </div>
{/key} {/each}
</div> </div>
</div> </div>
</div> </div>

1
src/routes/htag/[htag]/+page.ts
View File

@@ -1,5 +1,4 @@
import { obtenerCantidadDeUsosdeHtag } from '@/hooks/obtenerCantidadDeUsosdeHtag.js'; import { obtenerCantidadDeUsosdeHtag } from '@/hooks/obtenerCantidadDeUsosdeHtag.js';
import { error } from '@sveltejs/kit';
export async function load({ params, fetch }) { export async function load({ params, fetch }) {
let { htag } = params; let { htag } = params;