update thread

src/shared/notes/replies/form.tsx

@@ -14,7 +14,7 @@ export function NoteReplyForm({ id }: { id: string }) {
 
 	const [value, setValue] = useState("");
 
-	const submitEvent = () => {
+	const submit = () => {
 		const tags = [["e", id]];
 
 		// publish event
@@ -28,7 +28,7 @@ export function NoteReplyForm({ id }: { id: string }) {
 		<div className="flex flex-col">
 			<div className="relative w-full flex-1 overflow-hidden">
 				<textarea
-					name="content"
+					value={value}
 					onChange={(e) => setValue(e.target.value)}
 					placeholder="Reply to this thread..."
 					className="relative h-20 w-full resize-none rounded-md px-5 py-3 text-base bg-transparent !outline-none placeholder:text-zinc-400 dark:text-zinc-100 dark:placeholder:text-zinc-500"
@@ -62,7 +62,7 @@ export function NoteReplyForm({ id }: { id: string }) {
 						</div>
 						<div className="flex items-center gap-2">
 							<Button
-								onClick={() => submitEvent()}
+								onClick={() => submit()}
 								disabled={value.length === 0 ? true : false}
 								preset="publish"
 							>

src/shared/notes/replies/item.tsx

@@ -12,7 +12,7 @@ export function Reply({ data }: { data: any }) {
 				<User pubkey={data.pubkey} time={data.created_at} />
 				<div className="-mt-[20px] pl-[50px]">
 					<Kind1 content={content} />
-					<NoteMetadata id={data.id} eventPubkey={data.pubkey} />
+					<NoteMetadata id={data.event_id} eventPubkey={data.pubkey} />
 				</div>
 			</div>
 		</div>

src/shared/notes/replies/list.tsx

@@ -1,11 +1,10 @@
 import { getReplies } from "@libs/storage";
 import { NDKEvent } from "@nostr-dev-kit/ndk";
-import { EmptyIcon } from "@shared/icons";
 import { Reply } from "@shared/notes/replies/item";
 import { useQuery } from "@tanstack/react-query";
 
 export function RepliesList({ parent_id }: { parent_id: string }) {
-	const { data } = useQuery(["replies", parent_id], async () => {
+	const { status, data } = useQuery(["replies", parent_id], async () => {
 		return await getReplies(parent_id);
 	});
 
@@ -15,7 +14,7 @@ export function RepliesList({ parent_id }: { parent_id: string }) {
 				<h5 className="text-lg font-semibold text-zinc-300">Replies</h5>
 			</div>
 			<div className="flex flex-col">
-				{!data ? (
+				{status === "loading" ? (
 					<div className="flex gap-2 px-3 py-4">
 						<div className="relative h-9 w-9 shrink animate-pulse rounded-md bg-zinc-800" />
 						<div className="flex w-full flex-1 flex-col justify-center gap-1">