Fix email digest disable button state

frontend/src/premium/eagle-eye/components/list/eagle-eye-email-digest-drawer.vue

@@ -212,7 +212,10 @@
           type="primary"
           class="btn btn--md btn--primary"
           :loading="loadingUpdateSettings"
-          :disabled="$v.$invalid || !hasFormChanged"
+          :disabled="
+            $v.$invalid ||
+            (!hasFormChanged && !hasElementChanged)
+          "
           @click="doSubmit()"
           >Update
         </el-button>
@@ -243,6 +246,7 @@ import { email, required } from '@vuelidate/validators'
 import useVuelidate from '@vuelidate/core'
 import AppFormItem from '@/shared/form/form-item.vue'
 import formChangeDetector from '@/shared/form/form-change'
+import elementChangeDetector from '@/shared/form/element-change'
 
 const props = defineProps({
   modelValue: {
@@ -274,6 +278,10 @@ const form = reactive({
 const { hasFormChanged, formSnapshot } =
   formChangeDetector(form)
 
+const feed = ref(null)
+const { elementSnapshot, hasElementChanged } =
+  elementChangeDetector(feed)
+
 const $v = useVuelidate(rules, form)
 
 const drawerModel = computed({
@@ -285,8 +293,6 @@ const drawerModel = computed({
   }
 })
 
-const feed = ref(null)
-
 const results = computed(() => {
   if (!form.updateResults) {
     if (currentUser.value && feed.value) {
@@ -338,9 +344,12 @@ const fillForm = (user) => {
   form.updateResults = !eagleEyeSettings.emailDigest
     ? true
     : eagleEyeSettings.emailDigest?.matchFeedSettings
-  feed.value = user.eagleEyeSettings.emailDigest.feed
-
   formSnapshot()
+  feed.value =
+    eagleEyeSettings?.emailDigest?.feed ||
+    eagleEyeSettings?.feed ||
+    null
+  elementSnapshot()
 }
 const doSubmit = async () => {
   $v.value.$touch()

frontend/src/shared/form/element-change.js

@@ -0,0 +1,22 @@
+import { ref, computed } from 'vue'
+
+export default function elementChangeDetector(element) {
+  const temporaryElement = ref('')
+
+  function elementSnapshot() {
+    temporaryElement.value = JSON.stringify(element.value)
+  }
+
+  const hasElementChanged = computed(() => {
+    return (
+      temporaryElement.value !==
+      JSON.stringify(element.value)
+    )
+  })
+
+  return {
+    temporaryElement,
+    elementSnapshot,
+    hasElementChanged
+  }
+}