Release v4.1 (#229)

* refactor: remove custom icon packs * fix: command not work on windows * fix: make open_window command async * feat: improve commands * feat: improve * refactor: column * feat: improve thread column * feat: improve * feat: add stories column * feat: improve * feat: add search column * feat: add reset password * feat: add subscription * refactor: settings * chore: improve commands * fix: crash on production * feat: use tauri store plugin for cache * feat: new icon * chore: update icon for windows * chore: improve some columns * chore: polish code
2024-08-27 19:37:30 +07:00
parent 26ae473521
commit 61ad96ca63
318 changed files with 5564 additions and 8458 deletions
@@ -0,0 +1,87 @@
+import { commands } from "@/commands.gen";
+import { Spinner } from "@/components";
+import { createFileRoute } from "@tanstack/react-router";
+import { message } from "@tauri-apps/plugin-dialog";
+import { useState, useTransition } from "react";
+
+export const Route = createFileRoute("/columns/_layout/create-newsfeed/f2f")({
+	component: Screen,
+});
+
+function Screen() {
+	const { queryClient } = Route.useRouteContext();
+	const { redirect, label, account } = Route.useSearch();
+
+	const [npub, setNpub] = useState("");
+	const [isPending, startTransition] = useTransition();
+
+	const navigate = Route.useNavigate();
+
+	const submit = async () => {
+		startTransition(async () => {
+			if (!npub.startsWith("npub1")) {
+				await message("You must enter a valid npub.", {
+					title: "Create Newsfeed",
+					kind: "info",
+				});
+				return;
+			}
+
+			const res = await commands.copyFriend(npub);
+
+			if (res.status === "ok") {
+				await queryClient.invalidateQueries({ queryKey: [label, account] });
+				navigate({ to: redirect });
+			} else {
+				await message(res.error, {
+					title: "Create Newsfeed",
+					kind: "error",
+				});
+				return;
+			}
+		});
+	};
+
+	return (
+		<div className="overflow-y-auto scrollbar-none p-2 shrink-0 h-[450px] bg-white dark:bg-white/20 rounded-xl shadow-primary dark:ring-1 ring-neutral-800/50">
+			<div className="flex flex-col justify-between h-full">
+				<div className="flex-1 flex flex-col gap-1.5 justify-center px-5">
+					<p className="font-semibold text-neutral-500">
+						You already have a friend on Nostr?
+					</p>
+					<p>Instead of building the timeline by yourself.</p>
+					<p className="font-semibold text-neutral-500">
+						Just enter your friend's{" "}
+						<span className="text-blue-500">npub.</span>
+					</p>
+					<p>
+						You will have the same experience as your friend. Of course, you
+						always can edit your network later.
+					</p>
+				</div>
+				<div className="flex flex-col gap-2">
+					<div className="flex flex-col gap-1">
+						<label htmlFor="npub" className="text-sm font-medium">
+							NPUB
+						</label>
+						<input
+							name="npub"
+							placeholder="npub1..."
+							value={npub}
+							onChange={(e) => setNpub(e.target.value)}
+							spellCheck={false}
+							className="px-3 bg-transparent border rounded-lg h-11 border-neutral-200 dark:border-neutral-800 placeholder:text-neutral-600 focus:border-blue-500 focus:ring-0 dark:placeholder:text-neutral-400"
+						/>
+					</div>
+					<button
+						type="button"
+						onClick={() => submit()}
+						className="inline-flex items-center justify-center w-full text-sm font-medium text-white bg-blue-500 rounded-lg h-9 hover:bg-blue-600"
+					>
+						{isPending ? <Spinner /> : "Confirm"}
+					</button>
+				</div>
+			</div>
+		</div>
+	);
+}