add missing hasErrors property

FlowFuse · Jul 18, 2023 · 37f63b0 · 37f63b0
1 parent 3b8d274
commit 37f63b0
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/frontend/src/pages/instance/Settings/Environment.vue b/frontend/src/pages/instance/Settings/Environment.vue
@@ -2,7 +2,7 @@
     <form class="space-y-6">
         <TemplateSettingsEnvironment v-model="editable" :readOnly="!hasPermission('device:edit-env')" :editTemplate="false" />
         <div v-if="hasPermission('device:edit-env')" class="space-x-4 whitespace-nowrap">
-            <ff-button size="small" :disabled="!unsavedChanges" @click="saveSettings()">Save settings</ff-button>
+            <ff-button size="small" :disabled="!unsavedChanges || hasErrors" @click="saveSettings()">Save settings</ff-button>
         </div>
     </form>
 </template>
@@ -54,6 +54,7 @@ export default {
     data () {
         return {
             unsavedChanges: false,
+            hasErrors: false,
             editable: {
                 name: '',
                 settings: { env: [] },
@@ -84,7 +85,7 @@ export default {
 
                     let originalCount = 0
                     this.editable.settings.env.forEach(field => {
-                        errors = errors || field.error
+                        errors = errors || !!field.error
                         if (/^add/.test(field.index)) {
                             changed = true
                         } else {