add block feature

src/app/note/components/mentions/note.tsx

@@ -53,7 +53,7 @@ export const MentionNote = memo(function MentionNote({ id }: { id: string }) {
 			{data ? (
 				<>
 					<NoteDefaultUser pubkey={data.pubkey} time={data.created_at} />
-					<div className="mt-1 pl-[46px]">
+					<div className="-mt-5 pl-[49px]">
 						{kind1 && <Kind1 content={kind1} />}
 						{kind1063 && <Kind1063 metadata={kind1063} />}
 					</div>

src/app/note/components/metadata.tsx

@@ -1,12 +1,8 @@
 import NoteReply from "@app/note/components/metadata/reply";
 import NoteRepost from "@app/note/components/metadata/repost";
-
-import { RelayContext } from "@shared/relayProvider";
-
 import NoteZap from "@app/note/components/metadata/zap";
-import PlusIcon from "@shared/icons/plus";
 import ZapIcon from "@shared/icons/zap";
-import { Tooltip } from "@shared/tooltip";
+import { RelayContext } from "@shared/relayProvider";
 import { READONLY_RELAYS } from "@stores/constants";
 import { decode } from "light-bolt11-decoder";
 import { useContext, useState } from "react";
@@ -67,18 +63,11 @@ export default function NoteMetadata({
 	});
 
 	return (
-		<div className="flex flex-col gap-2 mt-5">
-			<NoteZap zaps={zaps} />
-			<div className="inline-flex items-center gap-2 w-full h-10 border-t border-zinc-800">
-				<NoteReply id={id} replies={replies} />
-				<NoteRepost id={id} pubkey={eventPubkey} reposts={reposts} />
-				<button
-					type="button"
-					className="ml-auto inline-flex items-center gap-1 text-sm px-2 py-1 rounded bg-zinc-800 text-zinc-300 hover:text-orange-500 hover:bg-orange-100"
-				>
-					<ZapIcon className="w-4 h-4" />
-					Zap
-				</button>
+		<div className="inline-flex items-center gap-2 w-full h-14 mt-5 border-t border-zinc-800">
+			<NoteReply id={id} replies={replies} />
+			<NoteRepost id={id} pubkey={eventPubkey} reposts={reposts} />
+			<div className="ml-auto">
+				<NoteZap zaps={zaps} />
 			</div>
 		</div>
 	);