wip: migrate to zustand

src/app/note/components/metadata/like.tsx

@@ -1,12 +1,8 @@
-import { RelayContext } from "@shared/relayProvider";
-
 import LikeIcon from "@icons/like";
-
+import { RelayContext } from "@shared/relayProvider";
+import { useActiveAccount } from "@stores/accounts";
 import { WRITEONLY_RELAYS } from "@stores/constants";
-
 import { dateToUnix } from "@utils/date";
-import { useActiveAccount } from "@utils/hooks/useActiveAccount";
-
 import { getEventHash, getSignature } from "nostr-tools";
 import { useContext, useEffect, useState } from "react";
 
@@ -16,33 +12,31 @@ export default function NoteLike({
 	likes,
 }: { id: string; pubkey: string; likes: number }) {
 	const pool: any = useContext(RelayContext);
-	const { account, isLoading, isError } = useActiveAccount();
+	const account = useActiveAccount((state: any) => state.account);
 
 	const [count, setCount] = useState(0);
 
 	const submitEvent = (e: any) => {
 		e.stopPropagation();
 
-		if (!isLoading && !isError && account) {
-			const event: any = {
-				content: "+",
-				kind: 7,
-				tags: [
-					["e", id],
-					["p", pubkey],
-				],
-				created_at: dateToUnix(),
-				pubkey: account.pubkey,
-			};
-			event.id = getEventHash(event);
-			event.sig = getSignature(event, account.privkey);
-			// publish event to all relays
-			pool.publish(event, WRITEONLY_RELAYS);
-			// update state
-			setCount(count + 1);
-		} else {
-			console.log("error");
-		}
+		const event: any = {
+			content: "+",
+			kind: 7,
+			tags: [
+				["e", id],
+				["p", pubkey],
+			],
+			created_at: dateToUnix(),
+			pubkey: account.pubkey,
+		};
+
+		event.id = getEventHash(event);
+		event.sig = getSignature(event, account.privkey);
+
+		// publish event to all relays
+		pool.publish(event, WRITEONLY_RELAYS);
+		// update state
+		setCount(count + 1);
 	};
 
 	useEffect(() => {

src/app/note/components/metadata/reply.tsx

@@ -1,14 +1,10 @@
+import { Dialog, Transition } from "@headlessui/react";
+import ReplyIcon from "@icons/reply";
 import { Image } from "@shared/image";
 import { RelayContext } from "@shared/relayProvider";
-
-import ReplyIcon from "@icons/reply";
-
+import { useActiveAccount } from "@stores/accounts";
 import { WRITEONLY_RELAYS } from "@stores/constants";
-
 import { dateToUnix } from "@utils/date";
-import { useActiveAccount } from "@utils/hooks/useActiveAccount";
-
-import { Dialog, Transition } from "@headlessui/react";
 import { compactNumber } from "@utils/number";
 import { getEventHash, getSignature } from "nostr-tools";
 import { Fragment, useContext, useEffect, useState } from "react";
@@ -18,13 +14,12 @@ export default function NoteReply({
 	replies,
 }: { id: string; replies: number }) {
 	const pool: any = useContext(RelayContext);
+	const account = useActiveAccount((state: any) => state.account);
 
 	const [count, setCount] = useState(0);
 	const [isOpen, setIsOpen] = useState(false);
 	const [value, setValue] = useState("");
 
-	const { account, isLoading, isError } = useActiveAccount();
-
 	const closeModal = () => {
 		setIsOpen(false);
 	};
@@ -34,25 +29,24 @@ export default function NoteReply({
 	};
 
 	const submitEvent = () => {
-		if (!isLoading && !isError && account) {
-			const event: any = {
-				content: value,
-				created_at: dateToUnix(),
-				kind: 1,
-				pubkey: account.pubkey,
-				tags: [["e", id]],
-			};
-			event.id = getEventHash(event);
-			event.sig = getSignature(event, account.privkey);
+		const event: any = {
+			content: value,
+			created_at: dateToUnix(),
+			kind: 1,
+			pubkey: account.pubkey,
+			tags: [["e", id]],
+		};
 
-			// publish event
-			pool.publish(event, WRITEONLY_RELAYS);
-			// close modal
-			setIsOpen(false);
-			setCount(count + 1);
-		} else {
-			console.log("error");
-		}
+		event.id = getEventHash(event);
+		event.sig = getSignature(event, account.privkey);
+
+		// publish event
+		pool.publish(event, WRITEONLY_RELAYS);
+
+		// close modal
+		setIsOpen(false);
+		// increment replies
+		setCount(count + 1);
 	};
 
 	useEffect(() => {

src/app/note/components/metadata/repost.tsx

@@ -1,12 +1,8 @@
-import { RelayContext } from "@shared/relayProvider";
-
 import RepostIcon from "@icons/repost";
-
+import { RelayContext } from "@shared/relayProvider";
+import { useActiveAccount } from "@stores/accounts";
 import { WRITEONLY_RELAYS } from "@stores/constants";
-
 import { dateToUnix } from "@utils/date";
-import { useActiveAccount } from "@utils/hooks/useActiveAccount";
-
 import { compactNumber } from "@utils/number";
 import { getEventHash, getSignature } from "nostr-tools";
 import { useContext, useEffect, useState } from "react";
@@ -17,33 +13,32 @@ export default function NoteRepost({
 	reposts,
 }: { id: string; pubkey: string; reposts: number }) {
 	const pool: any = useContext(RelayContext);
-	const { account, isLoading, isError } = useActiveAccount();
+	const account = useActiveAccount((state: any) => state.account);
 
 	const [count, setCount] = useState(0);
 
 	const submitEvent = (e: any) => {
 		e.stopPropagation();
 
-		if (!isLoading && !isError && account) {
-			const event: any = {
-				content: "",
-				kind: 6,
-				tags: [
-					["e", id],
-					["p", pubkey],
-				],
-				created_at: dateToUnix(),
-				pubkey: account.pubkey,
-			};
-			event.id = getEventHash(event);
-			event.sig = getSignature(event, account.privkey);
-			// publish event to all relays
-			pool.publish(event, WRITEONLY_RELAYS);
-			// update state
-			setCount(count + 1);
-		} else {
-			console.log("error");
-		}
+		const event: any = {
+			content: "",
+			kind: 6,
+			tags: [
+				["e", id],
+				["p", pubkey],
+			],
+			created_at: dateToUnix(),
+			pubkey: account.pubkey,
+		};
+
+		event.id = getEventHash(event);
+		event.sig = getSignature(event, account.privkey);
+
+		// publish event to all relays
+		pool.publish(event, WRITEONLY_RELAYS);
+
+		// update state
+		setCount(count + 1);
 	};
 
 	useEffect(() => {

src/app/note/components/replies/form.tsx

@@ -1,39 +1,34 @@
 import { Image } from "@shared/image";
 import { RelayContext } from "@shared/relayProvider";
-
+import { useActiveAccount } from "@stores/accounts";
 import { WRITEONLY_RELAYS } from "@stores/constants";
-
 import { dateToUnix } from "@utils/date";
-import { useActiveAccount } from "@utils/hooks/useActiveAccount";
-
 import { getEventHash, getSignature } from "nostr-tools";
 import { useContext, useState } from "react";
 
 export default function NoteReplyForm({ id }: { id: string }) {
 	const pool: any = useContext(RelayContext);
+	const account = useActiveAccount((state: any) => state.account);
 
-	const { account, isLoading, isError } = useActiveAccount();
 	const [value, setValue] = useState("");
 
 	const submitEvent = () => {
-		if (!isLoading && !isError && account) {
-			const event: any = {
-				content: value,
-				created_at: dateToUnix(),
-				kind: 1,
-				pubkey: account.pubkey,
-				tags: [["e", id]],
-			};
-			event.id = getEventHash(event);
-			event.sig = getSignature(event, account.privkey);
+		const event: any = {
+			content: value,
+			created_at: dateToUnix(),
+			kind: 1,
+			pubkey: account.pubkey,
+			tags: [["e", id]],
+		};
 
-			// publish note
-			pool.publish(event, WRITEONLY_RELAYS);
-			// reset form
-			setValue("");
-		} else {
-			console.log("error");
-		}
+		event.id = getEventHash(event);
+		event.sig = getSignature(event, account.privkey);
+
+		// publish note
+		pool.publish(event, WRITEONLY_RELAYS);
+
+		// reset form
+		setValue("");
 	};
 
 	return (