update channel

src/shared/notes/base.tsx

@@ -11,7 +11,7 @@ import { useMemo } from "react";
 export function NoteBase({
 	event,
 	block,
-	metadata,
+	metadata = true,
 }: { event: LumeEvent; block?: number; metadata?: boolean }) {
 	const content = useMemo(() => parser(event), [event]);
 	const checkParentID = isTagsIncludeID(event.parent_id, event.tags);

src/shared/notes/metadata/reply.tsx

@@ -22,7 +22,7 @@ export function NoteReply({
 		<button
 			type="button"
 			onClick={(e) => openThread(e, id)}
-			className="w-14 group inline-flex items-center gap-1.5"
+			className="w-20 group inline-flex items-center gap-1.5"
 		>
 			<ReplyIcon
 				width={16}

src/shared/notes/metadata/repost.tsx

@@ -44,7 +44,7 @@ export function NoteRepost({
 		<button
 			type="button"
 			onClick={(e) => submitEvent(e)}
-			className="w-14 group inline-flex items-center gap-1.5"
+			className="w-20 group inline-flex items-center gap-1.5"
 		>
 			<RepostIcon
 				width={16}

src/shared/notes/metadata/zap.tsx

@@ -5,7 +5,7 @@ export function NoteZap({ zaps }: { zaps: number }) {
 	return (
 		<button
 			type="button"
-			className="w-14 group inline-flex items-center gap-1.5"
+			className="w-20 group inline-flex items-center gap-1.5"
 		>
 			<ZapIcon
 				width={16}

src/shared/notes/replies/item.tsx

@@ -10,7 +10,7 @@ export function Reply({ data }: { data: any }) {
 		<div className="flex h-min min-h-min w-full select-text flex-col px-3 pt-5 mb-3 rounded-md bg-zinc-900">
 			<div className="flex flex-col">
 				<User pubkey={data.pubkey} time={data.created_at} />
-				<div className="-mt-[20px] pl-[47px]">
+				<div className="-mt-[20px] pl-[50px]">
 					<Kind1 content={content} />
 					<NoteMetadata id={data.id} eventPubkey={data.pubkey} />
 				</div>