fix: show error & success message in settings page

frontend/src/components/Settings/SettingsPage.vue

@@ -37,7 +37,7 @@ import {
   Spinner,
   Badge,
 } from 'frappe-ui'
-import { evaluate_depends_on_value } from '@/utils'
+import { evaluate_depends_on_value, createToast } from '@/utils'
 import { computed } from 'vue'
 
 const props = defineProps({
@@ -45,6 +45,10 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  successMessage: {
+    type: String,
+    default: 'Updated Successfully',
+  },
 })
 
 const fields = createResource({
@@ -63,6 +67,24 @@ const data = createDocumentResource({
   fields: ['*'],
   cache: props.doctype,
   auto: true,
+  setValue: {
+    onSuccess: () => {
+      createToast({
+        title: __('Success'),
+        text: __(props.successMessage),
+        icon: 'check',
+        iconClasses: 'text-green-600',
+      })
+    },
+    onError: (err) => {
+      createToast({
+        title: __('Error'),
+        text: err.message + ': ' + err.messages[0],
+        icon: 'x',
+        iconClasses: 'text-red-600',
+      })
+    },
+  },
 })
 
 const sections = computed(() => {