Handle default name in LabelCircle

MutinyWallet · Apr 3, 2024 · ea5bb01 · ea5bb01
1 parent 77fef98
commit ea5bb01
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/LabelCircle.tsx b/src/components/LabelCircle.tsx
@@ -2,7 +2,7 @@ import { createResource, createSignal, JSX, Match, Switch } from "solid-js";
 import { Dynamic } from "solid-js/web";
 
 import avatar from "~/assets/generic-avatar.jpg";
-import { generateGradient } from "~/utils";
+import { DEFAULT_NOSTR_NAME, generateGradient } from "~/utils";
 
 export function Circle(props: {
     children: JSX.Element;
@@ -44,15 +44,18 @@ export function LabelCircle(props: {
     onClick?: () => void;
 }) {
     const [gradient] = createResource(async () => {
-        if (props.name && props.contact) {
+        if (props.name && props.name !== DEFAULT_NOSTR_NAME && props.contact) {
             return generateGradient(props.name || "?");
         } else {
             return undefined;
         }
     });
 
     const text = () =>
-        props.contact && props.name && props.name.length
+        props.contact &&
+        props.name &&
+        props.name.length &&
+        props.name !== DEFAULT_NOSTR_NAME
             ? props.name[0]
             : props.label
               ? "≡"