Add New SweetAlert & Notification Components

resources/assets/js/views/settings/customization-tabs/InvoicesTab.vue

@@ -113,9 +113,7 @@
 
       <div class="ml-4">
         <p class="p-0 mb-1 text-base leading-snug text-black">
-          {{
-            $t('settings.customization.invoices.invoice_email_attachment')
-          }}
+          {{ $t('settings.customization.invoices.invoice_email_attachment') }}
         </p>
 
         <p
@@ -123,7 +121,9 @@
           style="max-width: 480px"
         >
           {{
-            $t('settings.customization.invoices.invoice_email_attachment_setting_description')
+            $t(
+              'settings.customization.invoices.invoice_email_attachment_setting_description'
+            )
           }}
         </p>
       </div>
@@ -240,6 +240,7 @@ export default {
 
   methods: {
     ...mapActions('company', ['updateCompanySettings']),
+    ...mapActions('notification', ['showNotification']),
 
     async setInvoiceSetting() {
       let data = {
@@ -252,7 +253,10 @@ export default {
       let response = await this.updateCompanySettings(data)
 
       if (response.data) {
-        window.toastr['success'](this.$t('general.setting_updated'))
+        this.showNotification({
+          type: 'success',
+          message: this.$t('general.setting_updated'),
+        })
       }
     },
 
@@ -283,9 +287,12 @@ export default {
       }
 
       if (this.updateSetting(data)) {
-        window.toastr['success'](
-          this.$t('settings.customization.invoices.invoice_setting_updated')
-        )
+        this.showNotification({
+          type: 'success',
+          message: this.$t(
+            'settings.customization.invoices.invoice_setting_updated'
+          ),
+        })
       }
     },