only open options modal if options available

latticexyz · Nov 21, 2024 · ffb3670 · ffb3670
1 parent 0b2414b
commit ffb3670
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx b/packages/explorer/src/app/(explorer)/[chainName]/worlds/WorldsForm.tsx
@@ -45,6 +45,12 @@ export function WorldsForm({ worlds }: { worlds: Address[] }) {
     }
   }
 
+  const handleOpenOptions = () => {
+    if (!open && worlds.length > 0) {
+      setOpen(true);
+    }
+  };
+
   return (
     <div className="mx-auto flex min-h-screen w-[450px] flex-col items-center justify-center p-4">
       <h1 className="flex items-center gap-6 self-start font-mono text-4xl font-bold uppercase">
@@ -71,7 +77,7 @@ export function WorldsForm({ worlds }: { worlds: Address[] }) {
                           field.onBlur();
                           setOpen(false);
                         }}
-                        onFocus={() => setOpen(true)}
+                        onFocus={handleOpenOptions}
                         placeholder="Enter world address..."
                         // Need to manually trigger form submission as CommandPrimitive.Input captures Enter key events
                         onKeyDown={(e) => {