{{ t('files_reminders', 'Clear reminder') }} — {{ getDateString(dueDate) }}
</NcActionButton>
<NcActionSeparator />
- <NcActionButton v-for="({ icon, label, ariaLabel, dateString, action }) in options"
+ <NcActionButton v-for="({ label, ariaLabel, dateString, action }) in options"
:key="label"
:aria-label="ariaLabel"
@click="action">
- <template #icon>
- <component :is="icon" />
- </template>
{{ label }} — {{ dateString }}
</NcActionButton>
</NcActions>
</template>
<script lang="ts">
-import Vue, { type Component, type PropType } from 'vue'
+import Vue, { type PropType } from 'vue'
import { translate as t } from '@nextcloud/l10n'
import { showError, showSuccess } from '@nextcloud/dialogs'
import ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'
import CloseCircleOutline from 'vue-material-design-icons/CloseCircleOutline.vue'
-import Update from 'vue-material-design-icons/Update.vue'
-import ChevronRight from 'vue-material-design-icons/ChevronRight.vue'
-import CalendarWeekend from 'vue-material-design-icons/CalendarWeekend.vue'
-import ChevronDoubleRight from 'vue-material-design-icons/ChevronDoubleRight.vue'
import { clearReminder, setReminder } from '../services/reminderService.ts'
import {
interface ReminderOption {
dateTimePreset: DateTimePreset
- icon: Component
label: string
ariaLabel: string
dateString?: string
const laterToday: ReminderOption = {
dateTimePreset: DateTimePreset.LaterToday,
- icon: Update,
label: t('files_reminders', 'Later today'),
ariaLabel: t('files_reminders', 'Set reminder for later today'),
}
const tomorrow: ReminderOption = {
dateTimePreset: DateTimePreset.Tomorrow,
- icon: ChevronRight,
label: t('files_reminders', 'Tomorrow'),
ariaLabel: t('files_reminders', 'Set reminder for tomorrow'),
}
const thisWeekend: ReminderOption = {
dateTimePreset: DateTimePreset.ThisWeekend,
- icon: CalendarWeekend,
label: t('files_reminders', 'This weekend'),
ariaLabel: t('files_reminders', 'Set reminder for this weekend'),
}
const nextWeek: ReminderOption = {
dateTimePreset: DateTimePreset.NextWeek,
- icon: ChevronDoubleRight,
label: t('files_reminders', 'Next week'),
ariaLabel: t('files_reminders', 'Set reminder for next week'),
}