From b57d4f45fddb2e8214b1b4ffc8f9e4b4e953a144 Mon Sep 17 00:00:00 2001
From: Nicola Zangrandi <wasp@wasp.ovh>
Date: Fri, 28 Feb 2025 12:36:59 +0100
Subject: [PATCH] feat(feeds): added the ability to save a feed entry as saved
 link

---
 .../routes/feeds/entries/[id]/+page.svelte    | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/frontend/src/routes/feeds/entries/[id]/+page.svelte b/frontend/src/routes/feeds/entries/[id]/+page.svelte
index 2c72bd6..5f02caa 100644
--- a/frontend/src/routes/feeds/entries/[id]/+page.svelte
+++ b/frontend/src/routes/feeds/entries/[id]/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import { entries, feeds } from '$lib/feeds';
+	import { readlist } from '$lib/readlist';
 	import type { FeedEntry, Feed } from '$lib/types';
 	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
@@ -9,6 +10,7 @@
 	let feed: Feed | null = null;
 	let isLoading = true;
 	let isLoadingFullContent = false;
+	let isSavingToReadlist = false;
 	let error: string | null = null;
 
 	onMount(async () => {
@@ -70,6 +72,29 @@
 
 		goto(`/notes/new?${params.toString()}`);
 	}
+
+	async function saveToReadlist() {
+		if (!entry) return;
+
+		isSavingToReadlist = true;
+		error = null;
+
+		try {
+			// Mark the entry as read if it's not already
+			if (!entry.readAt) {
+				await entries.markAsRead(entry.id);
+			}
+
+			// Add the entry URL to the readlist
+			const savedItem = await readlist.add(entry.url);
+
+			// Navigate to the readlist item detail page
+			goto(`/readlist/${savedItem.id}`);
+		} catch (e) {
+			error = e instanceof Error ? e.message : 'Failed to save to readlist';
+			isSavingToReadlist = false;
+		}
+	}
 </script>
 
 <div class="container mt-4">
@@ -161,6 +186,18 @@
 							<span>Create Note</span>
 						</button>
 					</div>
+					<div class="level-item">
+						<button
+							class="button is-small is-warning"
+							on:click={saveToReadlist}
+							disabled={isSavingToReadlist}
+						>
+							<span class="icon">
+								<i class="fas fa-bookmark" class:fa-spin={isSavingToReadlist}></i>
+							</span>
+							<span>Save to Readlist</span>
+						</button>
+					</div>
 				</div>
 			</div>