Fixed today button not being available on current screen

This commit is contained in:
Alexis
2024-04-08 17:33:26 +02:00
parent 6738dacb08
commit 068e7209d9

View File

@@ -5,18 +5,23 @@ import { storeToRefs } from 'pinia'
import { computed } from 'vue' import { computed } from 'vue'
import Button from '../ui/button/Button.vue' import Button from '../ui/button/Button.vue'
import { areDatesIdentical } from '@/models/Date'
const { defaultDate, isCurrentScreenActive } = storeToRefs(useCalendar()) const { defaultDate, selectedDate } = storeToRefs(useCalendar())
const { jumpToDefaultDate, getFormattedDateTitle } = useCalendar() const { jumpToDefaultDate, getFormattedDateTitle } = useCalendar()
const defaultDateFormatted = computed(() => getFormattedDateTitle(defaultDate.value, true)) const defaultDateFormatted = computed(() => getFormattedDateTitle(defaultDate.value, true))
const isDefaultDate = computed(() => {
return areDatesIdentical(selectedDate.value, defaultDate.value)
})
</script> </script>
<template> <template>
<TooltipProvider :delayDuration="250"> <TooltipProvider :delayDuration="250">
<Tooltip> <Tooltip>
<TooltipTrigger> <TooltipTrigger>
<Button @click="jumpToDefaultDate" size="sm" :disabled="isCurrentScreenActive"> <Button @click="jumpToDefaultDate" size="sm" :disabled="isDefaultDate">
Aujourd'hui Aujourd'hui
</Button> </Button>
</TooltipTrigger> </TooltipTrigger>