feat: improve ui

apps/desktop2/src/routes/events/-components/subReply.tsx

@@ -1,18 +1,30 @@
 import { Event } from "@lume/types";
-import { Note } from "@lume/ui";
+import { Note, User } from "@lume/ui";
 
 export function SubReply({ event }: { event: Event; rootEventId?: string }) {
   return (
     <Note.Provider event={event}>
-      <Note.Root className="py-2">
-        <div className="flex h-14 items-center justify-between">
-          <Note.User className="flex-1 pr-2" />
-          <Note.Menu />
-        </div>
+      <Note.Root className="pt-3">
+        <User.Provider pubkey={event.pubkey}>
+          <User.Root className="mb-2 flex items-center justify-between">
+            <div className="inline-flex gap-2">
+              <User.Avatar className="size-6 rounded-full" />
+              <div className="inline-flex items-center gap-2">
+                <User.Name className="font-semibold" />
+                <User.NIP05 className="text-base lowercase text-neutral-600 dark:text-neutral-400" />
+              </div>
+            </div>
+            <User.Time time={event.created_at} />
+          </User.Root>
+        </User.Provider>
         <Note.Content />
-        <div className="mt-2 flex items-center justify-end gap-4">
-          <Note.Repost />
-          <Note.Zap />
+        <div className="mt-4 flex items-center justify-between">
+          <div className="-ml-1 inline-flex items-center gap-4">
+            <Note.Reply />
+            <Note.Repost />
+            <Note.Zap />
+          </div>
+          <Note.Menu />
         </div>
       </Note.Root>
     </Note.Provider>