mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-06 05:57:49 +00:00
a50e4f1748
--------- Co-authored-by: Pranav <pranavrajs@gmail.com> Co-authored-by: Pranav <pranav@chatwoot.com>
44 lines
1.1 KiB
Vue
44 lines
1.1 KiB
Vue
<script setup>
|
|
import { ref, computed } from 'vue';
|
|
import { useI18n } from 'vue-i18n';
|
|
import { useMapGetter } from 'dashboard/composables/store';
|
|
|
|
import Dialog from 'dashboard/components-next/dialog/Dialog.vue';
|
|
|
|
const emit = defineEmits(['delete']);
|
|
|
|
const FILTER_TYPE_CONTACT = 'contact';
|
|
|
|
const { t } = useI18n();
|
|
|
|
const uiFlags = useMapGetter('customViews/getUIFlags');
|
|
const isDeleting = computed(() => uiFlags.value.isDeleting);
|
|
|
|
const dialogRef = ref(null);
|
|
|
|
const handleDialogConfirm = async () => {
|
|
emit('delete', {
|
|
filterType: FILTER_TYPE_CONTACT,
|
|
});
|
|
};
|
|
|
|
defineExpose({ dialogRef });
|
|
</script>
|
|
|
|
<template>
|
|
<Dialog
|
|
ref="dialogRef"
|
|
type="alert"
|
|
:title="t('CONTACTS_LAYOUT.HEADER.ACTIONS.FILTERS.DELETE_SEGMENT.TITLE')"
|
|
:description="
|
|
t('CONTACTS_LAYOUT.HEADER.ACTIONS.FILTERS.DELETE_SEGMENT.DESCRIPTION')
|
|
"
|
|
:confirm-button-label="
|
|
t('CONTACTS_LAYOUT.HEADER.ACTIONS.FILTERS.DELETE_SEGMENT.CONFIRM')
|
|
"
|
|
:is-loading="isDeleting"
|
|
:disable-confirm-button="isDeleting"
|
|
@confirm="handleDialogConfirm"
|
|
/>
|
|
</template>
|