From 40ab59da1cb05764710813a03cca575170bf2cbd Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Mon, 8 Dec 2025 23:13:02 +1300
Subject: [PATCH] Add back manage subscriptions

---
 .../routes/(app)/subscriptions/+page.svelte   |  9 ++++
 .../(app)/subscriptions/manage/+page.svelte   | 44 +++++++++----------
 2 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/materialious/src/routes/(app)/subscriptions/+page.svelte b/materialious/src/routes/(app)/subscriptions/+page.svelte
index 7c894e03..09ee3c00 100644
--- a/materialious/src/routes/(app)/subscriptions/+page.svelte
+++ b/materialious/src/routes/(app)/subscriptions/+page.svelte
@@ -4,6 +4,8 @@
 	import { feedCacheStore } from '$lib/store';
 	import InfiniteLoading, { type InfiniteEvent } from 'svelte-infinite-loading';
 	import ItemsList from '$lib/components/ItemsList.svelte';
+	import { resolve } from '$app/paths';
+	import { _ } from '$lib/i18n';
 
 	let currentPage = 1;
 	let videos: (VideoBase | Video | PlaylistPageVideo)[] = $state($feedCacheStore.subscription);
@@ -21,6 +23,13 @@
 	}
 </script>
 
+<nav class="right-align">
+	<a class="button outline" href={resolve('/subscriptions/manage', {})}>
+		{$_('subscriptions.manageSubscriptions')}
+	</a>
+</nav>
+<div class="space"></div>
+
 <ItemsList items={videos ?? []} />
 
 <InfiniteLoading on:infinite={loadMore} />
diff --git a/materialious/src/routes/(app)/subscriptions/manage/+page.svelte b/materialious/src/routes/(app)/subscriptions/manage/+page.svelte
index abc07633..ec563ec1 100644
--- a/materialious/src/routes/(app)/subscriptions/manage/+page.svelte
+++ b/materialious/src/routes/(app)/subscriptions/manage/+page.svelte
@@ -34,31 +34,31 @@
 	}
 </script>
 
-<div class="space"></div>
+<div class="padding">
+	<div class="max field suffix prefix small no-margin surface-variant">
+		<i class="front">search</i><input
+			bind:value={search}
+			oninput={searchSubs}
+			type="text"
+			placeholder={$_('searchPlaceholder')}
+		/>
+	</div>
 
-<div class="max field suffix prefix small no-margin surface-variant">
-	<i class="front">search</i><input
-		bind:value={search}
-		oninput={searchSubs}
-		type="text"
-		placeholder={$_('searchPlaceholder')}
-	/>
+	{#each subscriptions as sub (sub.authorId)}
+		<article>
+			<nav>
+				<a href={resolve(`/channel/[authorId]`, { authorId: sub.authorId })}
+					><h6>
+						{sub.author}
+					</h6></a
+				>
+				<div class="max"></div>
+				<button onclick={async () => unsubscribe(sub.authorId)} class="border">Unsubscribe</button>
+			</nav>
+		</article>
+	{/each}
 </div>
 
-{#each subscriptions as sub (sub.authorId)}
-	<article>
-		<nav>
-			<a href={resolve(`/channel/[authorId]`, { authorId: sub.authorId })}
-				><h6>
-					{sub.author}
-				</h6></a
-			>
-			<div class="max"></div>
-			<button onclick={async () => unsubscribe(sub.authorId)} class="border">Unsubscribe</button>
-		</nav>
-	</article>
-{/each}
-
 <style>
 	@media screen and (max-width: 590px) {
 		nav {