fix(web): Update button on publish modal is always disabled on first …

…time (#1150)
reearth · Sep 20, 2024 · d428b46 · d428b46
1 parent ae4cad3
commit d428b46
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/web/src/beta/features/Editor/Publish/PublishToolsPanel/hooks.ts b/web/src/beta/features/Editor/Publish/PublishToolsPanel/hooks.ts
@@ -72,10 +72,7 @@ export default ({
   const generateAlias = useCallback(() => generateRandomString(10), []);
 
   const [validAlias, setValidAlias] = useState(false);
-  const alias = useMemo(
-    () => project?.alias ?? generateAlias(),
-    [project?.alias, generateAlias]
-  );
+  const [alias, setAlias] = useState<string>(project?.alias ?? generateAlias());
 
   const [
     checkProjectAlias,
@@ -110,6 +107,17 @@ export default ({
     [project?.alias, checkProjectAlias]
   );
 
+  useEffect(() => {
+    if (modalOpen) {
+      if (!alias) {
+        const generatedAlias = generateAlias();
+        setAlias(generatedAlias);
+      }
+
+      handleProjectAliasCheck(alias);
+    }
+  }, [modalOpen, alias, generateAlias, handleProjectAliasCheck]);
+
   useEffect(() => {
     setValidAlias(
       !validatingAlias &&