fix errors

src/shared/avatarUploader.tsx

@@ -60,7 +60,7 @@ export function AvatarUploader({ setPicture }: { setPicture: any }) {
 			className="w-full h-full inline-flex items-center justify-center bg-zinc-900/40"
 		>
 			{loading ? (
-				<LoaderIcon className="h-6 w-6 animate-spintext-zinc-100" />
+				<LoaderIcon className="h-6 w-6 animate-spin text-zinc-100" />
 			) : (
 				<PlusIcon className="h-6 w-6 text-zinc-100" />
 			)}

src/shared/bannerUploader.tsx

@@ -60,7 +60,7 @@ export function BannerUploader({ setBanner }: { setBanner: any }) {
 			className="w-full h-full inline-flex items-center justify-center bg-zinc-900/40"
 		>
 			{loading ? (
-				<LoaderIcon className="h-8 w-8 animate-spintext-zinc-100" />
+				<LoaderIcon className="h-8 w-8 animate-spin text-zinc-100" />
 			) : (
 				<PlusIcon className="h-8 w-8 text-zinc-100" />
 			)}

src/shared/notes/replies/form.tsx

@@ -2,16 +2,16 @@ import { usePublish } from "@libs/ndk";
 import { Button } from "@shared/button";
 import { Image } from "@shared/image";
 import { DEFAULT_AVATAR, FULL_RELAYS } from "@stores/constants";
-import { useAccount } from "@utils/hooks/useAccount";
 import { useProfile } from "@utils/hooks/useProfile";
+import { shortenKey } from "@utils/shortenKey";
 import { useState } from "react";
 
-export function NoteReplyForm({ rootID }: { rootID: string }) {
+export function NoteReplyForm({
+	rootID,
+	userPubkey,
+}: { rootID: string; userPubkey: string }) {
 	const publish = usePublish();
-
-	const { account } = useAccount();
-	const { status, user } = useProfile(account.npub);
-
+	const { status, user } = useProfile(userPubkey);
 	const [value, setValue] = useState("");
 
 	const submit = () => {
@@ -45,9 +45,9 @@ export function NoteReplyForm({ rootID }: { rootID: string }) {
 						<div className="inline-flex items-center gap-2">
 							<div className="relative h-9 w-9 shrink-0 rounded">
 								<Image
-									src={user?.image}
+									src={user.image}
 									fallback={DEFAULT_AVATAR}
-									alt={account.npub}
+									alt={userPubkey}
 									className="h-9 w-9 rounded-md bg-white object-cover"
 								/>
 							</div>
@@ -56,7 +56,7 @@ export function NoteReplyForm({ rootID }: { rootID: string }) {
 									Reply as
 								</p>
 								<p className="leading-none text-sm font-medium text-zinc-100">
-									{user?.nip05 || user?.name}
+									{user.nip05 || user.name || shortenKey(userPubkey)}
 								</p>
 							</div>
 						</div>