clean up & polish

src/shared/composer/mention/item.tsx

@@ -6,18 +6,14 @@ import { Profile } from '@utils/types';
 export function MentionItem({ profile }: { profile: Profile }) {
   return (
     <div className="flex items-center gap-2">
-      <div className="h-8 w-8 shrink-0 overflow-hidden rounded-md bg-zinc-900">
-        <Image
-          src={profile.picture || profile.image}
-          alt={profile.pubkey}
-          className="h-8 w-8 object-cover"
-        />
-      </div>
+      <Image
+        src={profile.picture || profile.image}
+        alt={profile.pubkey}
+        className="shirnk-0 h-8 w-8 rounded-md object-cover"
+      />
       <div className="flex flex-col gap-px">
         <h5 className="max-w-[15rem] text-sm font-medium leading-none text-white">
-          {profile.ident || (
-            <div className="h-3 w-20 animate-pulse rounded-sm bg-zinc-700" />
-          )}
+          {profile.ident}
         </h5>
         <span className="text-sm leading-none text-white/50">
           {displayNpub(profile.pubkey, 16)}

src/shared/composer/modal.tsx

@@ -4,7 +4,13 @@ import { twMerge } from 'tailwind-merge';
 import { useStorage } from '@libs/storage/provider';
 
 import { Composer, ComposerUser } from '@shared/composer';
-import { CancelIcon, ChevronDownIcon, ChevronRightIcon, ExpandIcon } from '@shared/icons';
+import {
+  CancelIcon,
+  ChevronDownIcon,
+  ChevronRightIcon,
+  ComposeIcon,
+  ExpandIcon,
+} from '@shared/icons';
 
 import { useComposer } from '@stores/composer';
 
@@ -22,9 +28,12 @@ export function ComposerModal() {
       <Dialog.Trigger asChild>
         <button
           type="button"
-          className="inline-flex h-10 w-full items-center justify-center gap-1.5 rounded-lg bg-white/20 px-4 font-bold text-white hover:bg-fuchsia-500 focus:outline-none active:translate-y-1"
+          className="flex h-10 items-center gap-2.5 rounded-r-lg border-l-2 border-transparent pl-4 pr-2 text-white/80"
         >
-          Postr
+          <span className="inline-flex h-7 w-7 shrink-0 items-center justify-center rounded bg-white/10 backdrop-blur-xl">
+            <ComposeIcon className="h-4 w-4 text-white" />
+          </span>
+          New postr
         </button>
       </Dialog.Trigger>
       <Dialog.Portal className="relative z-10">