Merge pull request #2018 from appwrite/filter-unlisted-posts-in-read-next

fix: filter unlisted posts in read next

Author: ChiragAgg5k

src/markdoc/layouts/Post.svelte

@@ -1,7 +1,15 @@
 <script lang="ts">
+    import { page } from '$app/state';
     import { Media } from '$lib/UI';
     import { FooterNav, MainFooter } from '$lib/components';
+    import CTA from '$lib/components/BlogCta.svelte';
+    import Article from '$lib/components/blog/article.svelte';
+    import Breadcrumbs from '$lib/components/blog/breadcrumbs.svelte';
+    import Newsletter from '$lib/components/blog/newsletter.svelte';
+    import PostMeta from '$lib/components/blog/post-meta.svelte';
+    import TableOfContents from '$lib/components/blog/table-of-contents.svelte';
     import { Main } from '$lib/layouts';
+    import type { TocItem } from '$lib/layouts/DocsArticle.svelte';
     import { formatDate } from '$lib/utils/date';
     import {
         createBreadcrumbsSchema,
@@ -12,14 +20,6 @@
     import type { AuthorData, PostsData } from '$routes/blog/content';
     import { TITLE_SUFFIX } from '$routes/titles';
     import { getContext, setContext } from 'svelte';
-    import { page } from '$app/state';
-    import CTA from '$lib/components/BlogCta.svelte';
-    import PostMeta from '$lib/components/blog/post-meta.svelte';
-    import Breadcrumbs from '$lib/components/blog/breadcrumbs.svelte';
-    import Newsletter from '$lib/components/blog/newsletter.svelte';
-    import TableOfContents from '$lib/components/blog/table-of-contents.svelte';
-    import Article from '$lib/components/blog/article.svelte';
-    import type { TocItem } from '$lib/layouts/DocsArticle.svelte';
     import { writable } from 'svelte/store';
     import type { LayoutContext } from './Article.svelte';
 
@@ -39,7 +39,9 @@
         | boolean;
     export let lastUpdated: string;
 
-    const posts = getContext<PostsData[]>('posts');
+    const posts = getContext<PostsData[]>('posts')?.filter(
+        (post) => !(post.unlisted ?? false) && !(post.draft ?? false)
+    );
     const authors = getContext<AuthorData[]>('authors');
     const authorData = authors.find((a) => a.slug === author);
 

src/routes/blog/[[page]]/+page.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-    import { tick } from 'svelte';
-    import { page } from '$app/state';
-    import { Main } from '$lib/layouts';
-    import { TITLE_SUFFIX } from '$routes/titles';
-    import { DEFAULT_HOST } from '$lib/utils/metadata';
-    import { createDebounce } from '$lib/utils/debounce';
     import { goto, onNavigate } from '$app/navigation';
+    import { page } from '$app/state';
     import { Article, FooterNav, MainFooter } from '$lib/components';
     import { Button } from '$lib/components/ui';
+    import { Main } from '$lib/layouts';
+    import { createDebounce } from '$lib/utils/debounce';
+    import { DEFAULT_HOST } from '$lib/utils/metadata';
+    import { TITLE_SUFFIX } from '$routes/titles';
+    import { tick } from 'svelte';
 
     let { data } = $props();