feat: revamp nostr connect flow

apps/desktop2/src/routes/auth/$account.backup.tsx

@@ -33,7 +33,8 @@ function Screen() {
 				}
 
 				return navigate({
-					to: "/auth/settings",
+					to: "/auth/$account/settings",
+					params: { account },
 				});
 			}
 

apps/desktop2/src/routes/auth/$account.settings.tsx

@@ -1,14 +1,13 @@
 import { LaurelIcon } from "@lume/icons";
-import { NostrQuery } from "@lume/system";
+import { NostrAccount, NostrQuery } from "@lume/system";
 import { Spinner } from "@lume/ui";
 import * as Switch from "@radix-ui/react-switch";
 import { createFileRoute } from "@tanstack/react-router";
-import { requestPermission } from "@tauri-apps/plugin-notification";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 
-export const Route = createFileRoute("/auth/settings")({
+export const Route = createFileRoute("/auth/$account/settings")({
 	beforeLoad: async () => {
 		const settings = await NostrQuery.getSettings();
 		return { settings };
@@ -19,6 +18,7 @@ export const Route = createFileRoute("/auth/settings")({
 
 function Screen() {
 	const { settings } = Route.useRouteContext();
+	const { account } = Route.useParams();
 	const { t } = useTranslation();
 
 	const [newSettings, setNewSettings] = useState(settings);
@@ -26,21 +26,6 @@ function Screen() {
 
 	const navigate = Route.useNavigate();
 
-	const toggleNofitication = async () => {
-		await requestPermission();
-		setNewSettings((prev) => ({
-			...prev,
-			notification: !newSettings.notification,
-		}));
-	};
-
-	const toggleAutoUpdate = () => {
-		setNewSettings((prev) => ({
-			...prev,
-			autoUpdate: !newSettings.autoUpdate,
-		}));
-	};
-
 	const toggleEnhancedPrivacy = () => {
 		setNewSettings((prev) => ({
 			...prev,
@@ -69,10 +54,13 @@ function Screen() {
 
 			// publish settings
 			const eventId = await NostrQuery.setSettings(newSettings);
+			const allAccounts = await NostrAccount.getAccounts();
 
 			if (eventId) {
 				return navigate({
-					to: "/",
+					to: "/$account/home",
+					params: { account },
+					search: { accounts: [...new Set([account, ...allAccounts])] },
 					replace: true,
 				});
 			}
@@ -99,22 +87,6 @@ function Screen() {
 			</div>
 			<div className="flex flex-col gap-5">
 				<div className="flex flex-col gap-3">
-					<div className="flex w-full items-start justify-between gap-4 rounded-lg bg-neutral-100 px-5 py-4 dark:bg-white/10">
-						<div className="flex-1">
-							<h3 className="font-semibold">Push Notification</h3>
-							<p className="text-sm text-neutral-700 dark:text-neutral-300">
-								Enabling push notifications will allow you to receive
-								notifications from Lume.
-							</p>
-						</div>
-						<Switch.Root
-							checked={newSettings.notification}
-							onClick={() => toggleNofitication()}
-							className="relative mt-1 h-7 w-12 shrink-0 cursor-default rounded-full bg-neutral-200 outline-none data-[state=checked]:bg-blue-500 dark:bg-white/20"
-						>
-							<Switch.Thumb className="block size-6 translate-x-0.5 rounded-full bg-white transition-transform duration-100 will-change-transform data-[state=checked]:translate-x-[19px]" />
-						</Switch.Root>
-					</div>
 					<div className="flex w-full items-start justify-between gap-4 rounded-lg bg-neutral-100 px-5 py-4 dark:bg-white/10">
 						<div className="flex-1">
 							<h3 className="font-semibold">Enhanced Privacy</h3>
@@ -131,21 +103,6 @@ function Screen() {
 							<Switch.Thumb className="block size-6 translate-x-0.5 rounded-full bg-white transition-transform duration-100 will-change-transform data-[state=checked]:translate-x-[19px]" />
 						</Switch.Root>
 					</div>
-					<div className="flex w-full items-start justify-between gap-4 rounded-lg bg-neutral-100 px-5 py-4 dark:bg-white/10">
-						<div className="flex-1">
-							<h3 className="font-semibold">Auto Update</h3>
-							<p className="text-sm text-neutral-700 dark:text-neutral-300">
-								Automatically download and install new version.
-							</p>
-						</div>
-						<Switch.Root
-							checked={newSettings.autoUpdate}
-							onClick={() => toggleAutoUpdate()}
-							className="relative mt-1 h-7 w-12 shrink-0 cursor-default rounded-full bg-neutral-200 outline-none data-[state=checked]:bg-blue-500 dark:bg-white/20"
-						>
-							<Switch.Thumb className="block size-6 translate-x-0.5 rounded-full bg-white transition-transform duration-100 will-change-transform data-[state=checked]:translate-x-[19px]" />
-						</Switch.Root>
-					</div>
 					<div className="flex w-full items-start justify-between gap-4 rounded-lg bg-neutral-100 px-5 py-4 dark:bg-white/10">
 						<div className="flex-1">
 							<h3 className="font-semibold">Zap</h3>
@@ -185,7 +142,7 @@ function Screen() {
 					disabled={loading}
 					className="mb-1 inline-flex h-11 w-full shrink-0 items-center justify-center rounded-lg bg-blue-500 font-semibold text-white hover:bg-blue-600 disabled:opacity-50"
 				>
-					{t("global.continue")}
+					{loading ? <Spinner /> : t("global.continue")}
 				</button>
 			</div>
 		</div>

apps/desktop2/src/routes/auth/privkey.lazy.tsx

@@ -28,7 +28,8 @@ function Screen() {
 
 			if (npub) {
 				navigate({
-					to: "/auth/settings",
+					to: "/auth/$account/settings",
+					params: { account: npub },
 					replace: true,
 				});
 			}

apps/desktop2/src/routes/auth/remote.lazy.tsx

@@ -23,11 +23,12 @@ function Screen() {
 		try {
 			setLoading(true);
 
-			const npub = await NostrAccount.connectRemoteAccount(uri);
+			const remoteAccount = await NostrAccount.connectRemoteAccount(uri);
 
-			if (npub) {
-				navigate({
-					to: "/auth/settings",
+			if (remoteAccount?.length) {
+				return navigate({
+					to: "/auth/$account/settings",
+					params: { account: remoteAccount },
 					replace: true,
 				});
 			}