update channel

src/app/channel/components/messages/item.tsx

@@ -0,0 +1,31 @@
+import MessageHideButton from '@lume/app/channel/components/messages/hideButton';
+import MessageMuteButton from '@lume/app/channel/components/messages/muteButton';
+import MessageReplyButton from '@lume/app/channel/components/messages/replyButton';
+import ChannelMessageUser from '@lume/app/channel/components/messages/user';
+import { messageParser } from '@lume/utils/parser';
+
+export default function ChannelMessageItem({ data }: { data: any }) {
+  const content = messageParser(data.content);
+
+  return (
+    <div className="group relative flex h-min min-h-min w-full select-text flex-col px-5 py-2 hover:bg-black/20">
+      <div className="flex flex-col">
+        <ChannelMessageUser pubkey={data.pubkey} time={data.created_at} />
+        <div className="-mt-[17px] pl-[48px]">
+          <div className="flex flex-col gap-2">
+            <div className="whitespace-pre-line break-words break-words text-sm leading-tight">
+              {data.hide ? <span>[hided message]</span> : content}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="absolute -top-4 right-4 z-10 hidden group-hover:inline-flex">
+        <div className="inline-flex h-7 items-center justify-center gap-1 rounded bg-zinc-900 px-0.5 shadow-md shadow-black/20 ring-1 ring-zinc-800">
+          <MessageReplyButton id={data.id} pubkey={data.pubkey} content={data.content} />
+          <MessageHideButton id={data.id} />
+          <MessageMuteButton pubkey={data.pubkey} />
+        </div>
+      </div>
+    </div>
+  );
+}