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");
 		}