Small changes in the code editor buttons

agama-project · Nov 22, 2024 · f1923c6 · f1923c6
1 parent 9603189
commit f1923c6
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/web/src/components/core/ConfigEditor.tsx b/web/src/components/core/ConfigEditor.tsx
@@ -41,12 +41,15 @@ const ConfigEditor = ({ sections }): React.ReactNode => {
   };
 
   const [configJson, setConfigJson] = useState(fetchConfigJson());
+  const [isEnabled, setIsEnabled] = useState(false);
 
   const onChange = (code) => {
     setConfigJson(code);
+    setIsEnabled(true);
   };
 
   const updateConfig = () => {
+    setIsEnabled(false);
     setConfig.mutate(JSON.parse(configJson));
   };
 
@@ -60,9 +63,9 @@ const ConfigEditor = ({ sections }): React.ReactNode => {
       <CodeEditor height="65vh" isUploadEnabled onCodeChange={onChange} language={Language.json} code={configJson} />
       <Split hasGutter>
         <Button variant="secondary" onClick={closeEditor}>
-          {_("Cancel")}
+          {_("Back to human UI")}
         </Button>
-        <Button onClick={updateConfig}>
+        <Button isDisabled={!isEnabled} onClick={updateConfig}>
           {_("Save")}
         </Button>
       </Split>