fixup! feat: mail filters

Signed-off-by: Hamza Mahjoubi <[email protected]>

src/components/mailFilter/MailFilterDeleteModal.vue

@@ -4,9 +4,10 @@
 -->
 <template>
 	<NcDialog :name="t('mail','Delete mail filter {filterName}?', {filterName: filter.name})"
+		:open="open"
 		:message="t('mail', 'Are you sure to delete the mail filter?')"
 		:buttons="buttons"
-		@close="closeModal()" />
+		@closing="closeModal()" />
 </template>
 
 <script>
@@ -17,18 +18,16 @@ import IconCheck from '@mdi/svg/svg/check.svg'
 export default {
 	name: 'MailFilterDeleteModal',
 	components: {
-		IconCancel,
-		IconCheck,
 		NcDialog,
 	},
 	props: {
 		filter: {
 			type: Object,
 			required: true,
 		},
-		loading: {
+		open: {
 			type: Boolean,
-			required: false,
+			required: true,
 		},
 	},
 	data() {

src/components/mailFilter/MailFilterTest.vue

@@ -50,15 +50,12 @@
 	</div>
 </template>
 <script>
-import { NcActionButton, NcActions, NcButton, NcLoadingIcon, NcSelect } from '@nextcloud/vue'
+import { NcButton, NcSelect } from '@nextcloud/vue'
 import DeleteIcon from 'vue-material-design-icons/Delete.vue'
 
 export default {
 	name: 'MailFilterTest',
 	components: {
-		NcLoadingIcon,
-		NcActions,
-		NcActionButton,
 		NcButton,
 		NcSelect,
 		DeleteIcon,

src/components/mailFilter/MailFilters.vue

@@ -36,16 +36,17 @@
 			:loading="loading"
 			@update-filter="updateFilter"
 			@close="closeModal" />
-		<MailFilterDeleteModal v-if="showDeleteModal && currentFilter"
+		<MailFilterDeleteModal v-if="currentFilter"
 			:filter="currentFilter"
+			:open="showDeleteModal"
 			:loading="loading"
 			@delete-filter="deleteFilter"
 			@close="closeModal" />
 	</div>
 </template>
 
 <script>
-import { NcLoadingIcon as IconLoading, NcActionButton, NcListItem, NcButton } from '@nextcloud/vue'
+import { NcActionButton, NcListItem, NcButton } from '@nextcloud/vue'
 import MailFilterUpdateModal from './MailFilterUpdateModal.vue'
 import { randomId } from '../../util/randomId.js'
 import logger from '../../logger.js'
@@ -59,7 +60,6 @@ export default {
 	name: 'MailFilters',
 	components: {
 		NcButton,
-		IconLoading,
 		NcListItem,
 		NcActionButton,
 		MailFilterUpdateModal,
@@ -173,16 +173,18 @@ export default {
 			})
 
 			try {
-				await this.mailFilterStore.update(this.account.id)
+				await this.mailFilterStore.update(this.account.id).then(() => {
+					showSuccess(t('mail', 'Filter deleted'))
+				})
 			} catch (e) {
-				// TODO error toast
+				logger.error(e)
+				showError(t('mail', 'Could not delete filter'))
 			} finally {
 				this.loading = false
 			}
 
 			await this.$store.dispatch('fetchActiveSieveScript', { accountId: this.account.id })
 
-			this.closeModal()
 		},
 		closeModal() {
 			this.showUpdateModal = false