add user page

src/shared/notes/parent.tsx

@@ -5,21 +5,18 @@ import { NoteSkeleton } from "@shared/notes/skeleton";
 import { User } from "@shared/user";
 import { useEvent } from "@utils/hooks/useEvent";
 
-export function NoteParent({
-	id,
-	currentBlock,
-}: { id: string; currentBlock: number }) {
+export function NoteParent({ id }: { id: string }) {
 	const { status, data } = useEvent(id);
 
 	return (
-		<div className="relative overflow-hidden flex flex-col pb-6">
+		<div className="relative flex flex-col pb-6">
 			<div className="absolute left-[18px] top-0 h-full w-0.5 bg-gradient-to-t from-zinc-800 to-zinc-600" />
 			{status === "loading" ? (
 				<NoteSkeleton />
-			) : (
+			) : status === "success" ? (
 				<>
 					<User pubkey={data.pubkey} time={data.created_at} />
-					<div className="z-10 relative -mt-6 pl-[49px]">
+					<div className="-mt-6 pl-[49px]">
 						{data.kind === 1 && <Kind1 content={data.content} />}
 						{data.kind === 1063 && <Kind1063 metadata={data.tags} />}
 						{data.kind !== 1 && data.kind !== 1063 && (
@@ -40,10 +37,11 @@ export function NoteParent({
 						<NoteMetadata
 							id={data.event_id || data.id}
 							eventPubkey={data.pubkey}
-							currentBlock={currentBlock}
 						/>
 					</div>
 				</>
+			) : (
+				<p>Failed to fetch event</p>
 			)}
 		</div>
 	);