fix: don't allow saving emoji sets without a name

closes #4
verbiricha · Feb 8, 2024 · ae1119c · ae1119c
1 parent 0e8a4f3
commit ae1119c
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/apps/emojis/ui/new-emoji-set.tsx b/apps/emojis/ui/new-emoji-set.tsx
@@ -102,6 +102,7 @@ export default function NewEmojiSet({
   const canSign = useSigner();
   const [name, setName] = useState<string>(defaultName);
   const [emojis, setEmojis] = useState<EmojiDefinition[]>(defaultEmojis);
+  const canSave = canSign && name.trim().length > 0
 
   function addEmoji(e: EmojiDefinition) {
     setEmojis(emojis.concat([e]));
@@ -141,7 +142,7 @@ export default function NewEmojiSet({
         ) : (
           <Heading>New emoji set</Heading>
         )}
-        <AsyncButton isDisabled={!canSign} onClick={saveEmojiSet}>
+        <AsyncButton isDisabled={!canSave} onClick={saveEmojiSet}>
           Save
         </AsyncButton>
       </HStack>