ami/tl-vikunja
1
0
Fork 0
Code

feat: use withDefaults for Subscription

Browse Source
This commit is contained in:
Dominik Pschenitschni 2024-07-06 12:45:05 +02:00 committed by konrad
parent 553a97f03d
commit 30769fb6ea
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/misc/Subscription.vue
View File

@ -47,18 +47,20 @@ import {success} from '@/message'
import type { IconProp } from '@fortawesome/fontawesome-svg-core' import type { IconProp } from '@fortawesome/fontawesome-svg-core'
const props = withDefaults(defineProps<{ const props = withDefaults(defineProps<{
modelValue: ISubscription | null,
entity: ISubscription['entity'], entity: ISubscription['entity'],
entityId: number, entityId: number,
isButton?: boolean, isButton?: boolean,
modelValue?: ISubscription,
type?: 'button' | 'dropdown', type?: 'button' | 'dropdown',
}>(), { }>(), {
isButton: true,
modelValue: null, modelValue: null,
isButton: true,
type: 'button', type: 'button',
}) })
const emit = defineEmits(['update:modelValue']) const emit = defineEmits<{
'update:modelValue': [subscription: ISubscription | null]
}>()
const subscriptionEntity = computed<string | null>(() => props.modelValue?.entity ?? null) const subscriptionEntity = computed<string | null>(() => props.modelValue?.entity ?? null)
@ -91,7 +93,7 @@ const tooltipText = computed(() => {
const buttonText = computed(() => props.modelValue ? t('task.subscription.unsubscribe') : t('task.subscription.subscribe')) const buttonText = computed(() => props.modelValue ? t('task.subscription.unsubscribe') : t('task.subscription.subscribe'))
const iconName = computed<IconProp>(() => props.modelValue ? ['far', 'bell-slash'] : 'bell') const iconName = computed<IconProp>(() => props.modelValue ? ['far', 'bell-slash'] : 'bell')
const disabled = computed(() => props.modelValue && subscriptionEntity.value !== props.entity) const disabled = computed(() => props.modelValue && subscriptionEntity.value !== props.entity || false)
function changeSubscription() { function changeSubscription() {
if (disabled.value) { if (disabled.value) {