WIP

src/shared/notes/parent.tsx

@@ -11,9 +11,6 @@ export function NoteParent({
 }: { id: string; currentBlock: number }) {
 	const { status, data, isFetching } = useEvent(id);
 
-	const kind1 = data?.kind === 1 ? data.content : null;
-	const kind1063 = data?.kind === 1063 ? data.tags : null;
-
 	return (
 		<div className="relative overflow-hidden 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" />
@@ -22,10 +19,10 @@ export function NoteParent({
 			) : (
 				<>
 					<User pubkey={data.pubkey} time={data.created_at} />
-					<div className="-mt-5 pl-[49px]">
-						{kind1 && <Kind1 content={kind1} />}
-						{kind1063 && <Kind1063 metadata={kind1063} />}
-						{!kind1 && !kind1063 && (
+					<div className="z-10 relative -mt-6 pl-[49px]">
+						{data.kind === 1 && <Kind1 content={data.content} />}
+						{data.kind === 1063 && <Kind1063 metadata={data.tags} />}
+						{data.kind !== 1 && data.kind !== 1063 && (
 							<div className="flex flex-col gap-2">
 								<div className="px-2 py-2 inline-flex flex-col gap-1 bg-zinc-800 rounded-md">
 									<span className="text-zinc-500 text-sm font-medium leading-none">