update

src/components/UserDisplayName.tsx

@@ -0,0 +1,25 @@
+import { Component, Switch, Match } from 'solid-js';
+
+import useConfig from '@/clients/useConfig';
+import useProfile, { type Profile } from '@/clients/useProfile';
+
+type UserNameDisplayProps = {
+  pubkey: string;
+};
+
+const UserNameDisplay: Component<UserNameDisplayProps> = (props) => {
+  const [config] = useConfig();
+  const { profile } = useProfile(() => ({
+    relayUrls: config().relayUrls,
+    pubkey: props.pubkey,
+  }));
+
+  return (
+    <Switch fallback={`@${props.pubkey}`}>
+      <Match when={(profile()?.display_name?.length ?? 0) > 0}>{profile()?.display_name}</Match>
+      <Match when={(profile()?.name?.length ?? 0) > 0}>@{profile()?.name}</Match>
+    </Switch>
+  );
+};
+
+export default UserNameDisplay;