update channel

2023-04-28 14:36:16 +07:00
parent a71502d19e
commit 87e8ee8954
44 changed files with 761 additions and 675 deletions
@@ -0,0 +1,33 @@
+import { DEFAULT_AVATAR } from '@lume/stores/constants';
+import { useProfile } from '@lume/utils/hooks/useProfile';
+import { shortenKey } from '@lume/utils/shortenKey';
+
+export default function UserReply({ pubkey }: { pubkey: string }) {
+  const { user, isError, isLoading } = useProfile(pubkey);
+
+  return (
+    <div className="group flex items-start gap-1">
+      {isError || isLoading ? (
+        <>
+          <div className="relative h-7 w-7 shrink animate-pulse overflow-hidden rounded bg-zinc-800"></div>
+          <span className="h-2 w-10 animate-pulse rounded bg-zinc-800 text-xs font-medium leading-none text-zinc-500"></span>
+        </>
+      ) : (
+        <>
+          <div className="relative h-7 w-7 shrink overflow-hidden rounded">
+            <img
+              src={user?.picture || DEFAULT_AVATAR}
+              alt={pubkey}
+              className="h-7 w-7 rounded object-cover"
+              loading="lazy"
+              fetchpriority="high"
+            />
+          </div>
+          <span className="text-xs font-medium leading-none text-zinc-500">
+            Replying to {user?.name || shortenKey(pubkey)}
+          </span>
+        </>
+      )}
+    </div>
+  );
+}