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}