From 7b914835146a9d79d8f6b53f9e20917727193621 Mon Sep 17 00:00:00 2001 From: fede Date: Wed, 4 Feb 2026 23:35:41 -0300 Subject: [PATCH] fix: bug que al inicio no se cargaban los posts --- src/lib/head/Header.svelte | 4 ++-- src/lib/hooks/loadMorePosts.ts | 2 +- src/lib/stores/posts.ts | 2 +- src/routes/+page.svelte | 12 ++++-------- 4 files changed, 8 insertions(+), 12 deletions(-) diff --git a/src/lib/head/Header.svelte b/src/lib/head/Header.svelte index b2cc441..cce83a4 100644 --- a/src/lib/head/Header.svelte +++ b/src/lib/head/Header.svelte @@ -50,13 +50,13 @@
- + diff --git a/src/lib/hooks/loadMorePosts.ts b/src/lib/hooks/loadMorePosts.ts index 8a89428..e7bd55f 100644 --- a/src/lib/hooks/loadMorePosts.ts +++ b/src/lib/hooks/loadMorePosts.ts @@ -1,5 +1,5 @@ import { get } from 'svelte/store'; -import { page, loadingPosts, PAGE_SIZE } from '@/stores/posts'; +import { page, loadingPosts, PAGE_SIZE, resetPosts } from '@/stores/posts'; import { appendPosts } from '@/stores/posts'; import { getPosts } from './getPosts'; diff --git a/src/lib/stores/posts.ts b/src/lib/stores/posts.ts index cb19b9b..545f67b 100644 --- a/src/lib/stores/posts.ts +++ b/src/lib/stores/posts.ts @@ -1,7 +1,7 @@ import { writable } from 'svelte/store'; import type { Post } from '../../types'; -export const posts = writable([]); +export const posts = writable(null); export const loadingPosts = writable(false); export const page = writable(1); diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 6492f55..35496be 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -20,6 +20,8 @@ let mensajeError = $state(''); let sentinel: HTMLDivElement; + $inspect($posts); + resetPosts(); $effect(() => { loadMorePosts(); @@ -78,19 +80,13 @@ {/if}
- {#if $posts.length === 0 && $loadingPosts} + {#if $posts === null || $posts.length === 0}

Cargando

 - {:else if $posts.length === 0} - - -

No hay Posts que mostrar

- - {:else} {#each $posts as post (post.id)}
@@ -101,7 +97,7 @@
- {#if $loadingPosts && $posts.length > 0} + {#if $loadingPosts && $posts!.length > 0}