feat: polish

apps/desktop/src/routes/auth/create.tsx

@@ -9,11 +9,12 @@ import NDK, {
 	NDKPrivateKeySigner,
 } from "@nostr-dev-kit/ndk";
 import * as Select from "@radix-ui/react-select";
-import { downloadDir } from "@tauri-apps/api/path";
+import { desktopDir } from "@tauri-apps/api/path";
 import { Window } from "@tauri-apps/api/window";
 import { save } from "@tauri-apps/plugin-dialog";
 import { writeTextFile } from "@tauri-apps/plugin-fs";
 import { useSetAtom } from "jotai";
+import { nanoid } from "nanoid";
 import { getPublicKey, nip19 } from "nostr-tools";
 import { useState } from "react";
 import { useForm } from "react-hook-form";
@@ -66,18 +67,20 @@ export function CreateAccountScreen() {
 
 		ark.updateNostrSigner({ signer });
 
-		const downloadPath = await downloadDir();
-		const fileName = `nostr_keys_${new Date().getTime().toString(36)}.txt`;
+		const downloadPath = await desktopDir();
+		const fileName = `nostr_keys_${nanoid(4)}.txt`;
 		const filePath = await save({
 			defaultPath: `${downloadPath}/${fileName}`,
 		});
 
-		if (filePath) {
-			await writeTextFile(
-				filePath,
-				`Nostr account, generated by Lume (lume.nu)\nPublic key: ${npub}\nPrivate key: ${nsec}`,
-			);
-		} // else { user cancel action }
+		if (!filePath) {
+			return toast.info("You need to save account keys before continue.");
+		}
+
+		await writeTextFile(
+			filePath,
+			`Nostr Account\nGenerated by Lume (lume.nu)\n---\nPublic key: ${npub}\nPrivate key: ${nsec}`,
+		);
 
 		await storage.createAccount({
 			pubkey: pubkey,
@@ -180,8 +183,8 @@ export function CreateAccountScreen() {
 						Let's get you set up on Nostr.
 					</h1>
 					<p className="text-lg font-medium leading-snug text-neutral-600 dark:text-neutral-500">
-						With an account on Nostr, you'll be able to travel across all nostr
-						clients, all your data are synced.
+						Get started with familiar way, but all data belong to you and you
+						have ability controls everything.
 					</p>
 				</div>
 				{!services ? (
@@ -221,7 +224,7 @@ export function CreateAccountScreen() {
 												</Select.Icon>
 											</Select.Trigger>
 											<Select.Portal>
-												<Select.Content className="border rounded-lg bg-neutral-950 border-neutral-900">
+												<Select.Content className="rounded-lg border border-white/20 bg-white/10 backdrop-blur-xl">
 													<Select.Viewport className="p-3">
 														<Select.Group>
 															<Select.Label className="mb-2 text-sm font-medium uppercase px-7 text-neutral-600">
@@ -254,28 +257,35 @@ export function CreateAccountScreen() {
 									/>
 								</div>
 							</div>
-							<button
-								type="submit"
-								disabled={!isValid}
-								className="inline-flex items-center justify-center w-full text-lg h-12 font-medium text-white bg-blue-500 rounded-xl hover:bg-blue-600 disabled:opacity-50"
-							>
-								{loading ? (
-									<LoaderIcon className="size-5 animate-spin" />
-								) : (
-									"Create Account"
-								)}
-							</button>
+							<div>
+								<button
+									type="submit"
+									disabled={!isValid}
+									className="inline-flex items-center justify-center w-full text-lg h-12 font-medium text-white bg-blue-500 rounded-xl hover:bg-blue-600 disabled:opacity-50"
+								>
+									{loading ? (
+										<LoaderIcon className="size-5 animate-spin" />
+									) : (
+										"Create Account"
+									)}
+								</button>
+							</div>
 						</form>
 						<div className="flex flex-col gap-6">
-							<div className="relative">
-								<div className="absolute inset-0 flex items-center">
-									<div className="w-full border-t border-neutral-900" />
-								</div>
-								<div className="relative flex justify-center">
-									<span className="px-2 font-medium bg-black text-neutral-600">
-										Or
-									</span>
+							<div className="flex flex-col">
+								<div className="relative">
+									<div className="absolute inset-0 flex items-center">
+										<div className="w-full border-t border-neutral-900" />
+									</div>
+									<div className="relative flex justify-center">
+										<span className="px-2 font-medium bg-black text-neutral-500">
+											Or
+										</span>
+									</div>
 								</div>
+								<span className="mx-auto text-xs font-medium bg-black text-neutral-600">
+									More compatible with other Nostr clients
+								</span>
 							</div>
 							<div>
 								<button

apps/desktop/src/routes/auth/login.tsx

@@ -15,7 +15,7 @@ export function LoginScreen() {
 							to="/auth/login-oauth"
 							className="inline-flex items-center justify-center w-full h-12 text-lg font-medium text-white bg-blue-500 rounded-xl hover:bg-blue-600"
 						>
-							Login with address
+							Login with Address
 						</Link>
 						<Link
 							to="/auth/login-nsecbunker"
@@ -31,7 +31,7 @@ export function LoginScreen() {
 							</div>
 							<div className="relative flex justify-center">
 								<span className="px-2 font-medium bg-black text-neutral-600">
-									Or (Not recommend)
+									Or (Not recommended)
 								</span>
 							</div>
 						</div>

apps/desktop/src/routes/settings/profile.tsx

@@ -88,8 +88,8 @@ export function ProfileSettingScreen() {
 		if (publish) {
 			// invalid cache
 			await storage.clearProfileCache(ark.account.pubkey);
-			await queryClient.invalidateQueries({
-				queryKey: ["user", ark.account.pubkey],
+			await queryClient.setQueryData(["user", ark.account.pubkey], () => {
+				return content;
 			});
 
 			// reset state