feat(mail) : MailRefreshButton — bouton sync manuel, disabled pendant syncing
This commit is contained in:
24
frontend/components/mail/MailRefreshButton.vue
Normal file
24
frontend/components/mail/MailRefreshButton.vue
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { useMailStore } from '~/stores/mail'
|
||||||
|
|
||||||
|
const store = useMailStore()
|
||||||
|
const { syncing } = storeToRefs(store)
|
||||||
|
|
||||||
|
const { t } = useI18n()
|
||||||
|
|
||||||
|
async function handleRefresh(): Promise<void> {
|
||||||
|
await store.triggerSync()
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<MalioButton
|
||||||
|
:label="t('mail.actions.refresh')"
|
||||||
|
variant="secondary"
|
||||||
|
icon-name="material-symbols:refresh"
|
||||||
|
icon-position="left"
|
||||||
|
:icon-size="16"
|
||||||
|
:disabled="syncing"
|
||||||
|
@click="handleRefresh"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
Reference in New Issue
Block a user