wip

src/app/auth/create/step-1.tsx

@@ -1,4 +1,4 @@
-import { createAccount } from "@libs/storage";
+import { createAccount, createBlock } from "@libs/storage";
 import { Button } from "@shared/button";
 import { EyeOffIcon, EyeOnIcon } from "@shared/icons";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
@@ -30,6 +30,11 @@ export function CreateStep1Screen() {
 		mutationFn: (data: any) =>
 			createAccount(data.npub, data.pubkey, data.privkey, null, 1),
 		onSuccess: () => {
+			createBlock(
+				0,
+				"Preserve your freedom",
+				"https://void.cat/d/949GNg7ZjSLHm2eTR3jZqv",
+			);
 			queryClient.invalidateQueries({ queryKey: ["currentAccount"] });
 			// redirect to next step
 			navigate("/auth/create/step-2", { replace: true });

src/app/auth/create/step-3.tsx

@@ -6,10 +6,13 @@ import { useOnboarding } from "@stores/onboarding";
 import { Body, fetch } from "@tauri-apps/api/http";
 import { useAccount } from "@utils/hooks/useAccount";
 import { useContext, useState } from "react";
+import { useNavigate } from "react-router-dom";
 
 export function CreateStep3Screen() {
 	const ndk = useContext(RelayContext);
 	const profile = useOnboarding((state: any) => state.profile);
+	const navigate = useNavigate();
+
 	const { account } = useAccount();
 
 	const [username, setUsername] = useState("");
@@ -48,6 +51,7 @@ export function CreateStep3Screen() {
 				event.publish();
 
 				// redirect to step 4
+				navigate("/auth/create/step-4", { replace: true });
 			}
 		} catch (error) {
 			setLoading(false);

src/app/auth/create/step-4.tsx

@@ -131,8 +131,6 @@ export function CreateStep4Screen() {
 			updateAccount("follows", follows, account.pubkey),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["currentAccount"] });
-			// redirect to next step
-			navigate("/auth/onboarding", { replace: true });
 		},
 	});
 
@@ -156,6 +154,9 @@ export function CreateStep4Screen() {
 
 			// update
 			update.mutate(follows);
+
+			// redirect to next step
+			setTimeout(() => navigate("/auth/onboarding", { replace: true }), 1200);
 		} catch {
 			console.log("error");
 		}

src/app/auth/import/step-1.tsx

@@ -1,4 +1,4 @@
-import { createAccount } from "@libs/storage";
+import { createAccount, createBlock } from "@libs/storage";
 import { LoaderIcon } from "@shared/icons";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { getPublicKey, nip19 } from "nostr-tools";
@@ -31,6 +31,11 @@ export function ImportStep1Screen() {
 		mutationFn: (data: any) =>
 			createAccount(data.npub, data.pubkey, data.privkey, null, 1),
 		onSuccess: () => {
+			createBlock(
+				0,
+				"Preserve your freedom",
+				"https://void.cat/d/949GNg7ZjSLHm2eTR3jZqv",
+			);
 			queryClient.invalidateQueries({ queryKey: ["currentAccount"] });
 			// redirect to next step
 			navigate("/auth/import/step-2", { replace: true });

src/app/auth/onboarding.tsx

@@ -1,10 +1,11 @@
 import { NDKEvent, NDKPrivateKeySigner } from "@nostr-dev-kit/ndk";
+import { LoaderIcon } from "@shared/icons";
 import { ArrowRightCircleIcon } from "@shared/icons/arrowRightCircle";
 import { RelayContext } from "@shared/relayProvider";
 import { User } from "@shared/user";
 import { dateToUnix } from "@utils/date";
 import { useAccount } from "@utils/hooks/useAccount";
-import { useContext } from "react";
+import { useContext, useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
 
 export function OnboardingScreen() {
@@ -12,9 +13,12 @@ export function OnboardingScreen() {
 	const navigate = useNavigate();
 
 	const { status, account } = useAccount();
+	const [loading, setLoading] = useState(false);
 
 	const publish = async () => {
 		try {
+			setLoading(true);
+
 			const event = new NDKEvent(ndk);
 			const signer = new NDKPrivateKeySigner(account.privkey);
 			ndk.signer = signer;
@@ -30,7 +34,7 @@ export function OnboardingScreen() {
 			event.publish();
 
 			// redirect to home
-			navigate("/", { replace: true });
+			setTimeout(() => navigate("/", { replace: true }), 1200);
 		} catch (error) {
 			console.log(error);
 		}
@@ -80,9 +84,15 @@ export function OnboardingScreen() {
 						onClick={() => publish()}
 						className="inline-flex h-12 w-full items-center justify-between gap-2 rounded-lg px-6 font-medium text-zinc-100 bg-fuchsia-500 hover:bg-fuchsia-600"
 					>
-						<span className="w-5" />
-						<span>Publish</span>
-						<ArrowRightCircleIcon className="w-5 h-5" />
+						{loading ? (
+							<LoaderIcon className="h-4 w-4 animate-spin text-black dark:text-zinc-100" />
+						) : (
+							<>
+								<span className="w-5" />
+								<span>Publish</span>
+								<ArrowRightCircleIcon className="w-5 h-5" />
+							</>
+						)}
 					</button>
 					<Link
 						to="/"