From 5c870efa61060775dbfbb64d195f0ada14a663cf Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Tue, 17 Feb 2026 01:20:11 +1300
Subject: [PATCH] Reload on instance / backend set

---
 .../lib/components/settings/Interface.svelte  | 21 ++++++++++++++++---
 materialious/src/routes/(app)/+page.ts        | 10 +++++----
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/materialious/src/lib/components/settings/Interface.svelte b/materialious/src/lib/components/settings/Interface.svelte
index 393870d3..1599b8f8 100644
--- a/materialious/src/lib/components/settings/Interface.svelte
+++ b/materialious/src/lib/components/settings/Interface.svelte
@@ -15,7 +15,8 @@
 		isUnrestrictedPlatform,
 		setInvidiousInstance,
 		goToInvidiousLogin,
-		invidiousLogout
+		invidiousLogout,
+		clearCaches
 	} from '../../misc';
 	import { getPages, type Pages } from '../../navPages';
 	import ColorPicker from 'svelte-awesome-color-picker';
@@ -43,6 +44,8 @@
 	import { addToast } from '../Toast.svelte';
 	import { tick } from 'svelte';
 	import { isOwnBackend } from '$lib/shared';
+	import { invalidate } from '$app/navigation';
+	import { page } from '$app/state';
 
 	let invidiousInstance = $state(get(invidiousInstanceStore));
 	let region = $state(get(interfaceRegionStore));
@@ -84,12 +87,13 @@
 	async function setInstance(event: Event) {
 		event.preventDefault();
 		invalidInstance = !(await setInvidiousInstance(invidiousInstance));
-		goto(resolve('/', {}), { replaceState: true });
+		location.reload();
 	}
 
 	async function setBackend(event: Event) {
 		const select = event.target as HTMLSelectElement;
 		backendInUseStore.set(select.value as 'ivg' | 'yt');
+		location.reload();
 	}
 
 	function allowInsecureRequests() {
@@ -136,7 +140,7 @@
 		<form onsubmit={setInstance}>
 			<nav>
 				<div
-					class="field prefix label surface-container-highest max"
+					class="field prefix suffix label surface-container-highest max"
 					class:invalid={invalidInstance}
 				>
 					<i>link</i>
@@ -150,6 +154,17 @@
 					{#if invalidInstance}
 						<span class="error">{$_('invalidInstance')}</span>
 					{/if}
+					{#if $invidiousInstanceStore}
+						<i
+							role="presentation"
+							class="front"
+							onclick={() => {
+								invidiousInstanceStore.set(undefined);
+								invidiousInstance = undefined;
+								invidiousLogout();
+							}}>close</i
+						>
+					{/if}
 				</div>
 				<button class="square">
 					<i>done</i>
diff --git a/materialious/src/routes/(app)/+page.ts b/materialious/src/routes/(app)/+page.ts
index 2e5aaa7d..12aaec35 100644
--- a/materialious/src/routes/(app)/+page.ts
+++ b/materialious/src/routes/(app)/+page.ts
@@ -29,10 +29,12 @@ export async function load() {
 			errorMsg = popularError as Error;
 		}
 
-		if (errorMsg && errorMsg.toString() === 'Error: Administrator has disabled this endpoint.') {
-			popularDisabled = true;
-		} else {
-			throw error(500, errorMsg);
+		if (errorMsg) {
+			if (errorMsg.toString() === 'Error: Administrator has disabled this endpoint.') {
+				popularDisabled = true;
+			} else {
+				throw error(500, errorMsg);
+			}
 		}
 
 		feedCacheStore.set({ ...get(feedCacheStore), popular });