diff --git a/app/imports/ui/properties/components/actions/ActionCard.vue b/app/imports/ui/properties/components/actions/ActionCard.vue index 140293a4..4da52fca 100644 --- a/app/imports/ui/properties/components/actions/ActionCard.vue +++ b/app/imports/ui/properties/components/actions/ActionCard.vue @@ -146,7 +146,7 @@ export default { return Math.max(this.model.usesResult, 0); }, usesLeft(){ - return Math.max(this.model.usesResult - this.model.usesUsed, 0); + return Math.max(this.model.usesResult - (this.model.usesUsed || 0), 0); }, propertyName(){ return getPropertyName(this.model.type); diff --git a/app/imports/ui/properties/viewers/ActionViewer.vue b/app/imports/ui/properties/viewers/ActionViewer.vue index 0b73c3ab..12f91a69 100644 --- a/app/imports/ui/properties/viewers/ActionViewer.vue +++ b/app/imports/ui/properties/viewers/ActionViewer.vue @@ -168,7 +168,7 @@ export default { return Math.max(this.model.usesResult, 0); }, usesLeft(){ - return Math.max(this.model.usesResult - this.model.usesUsed, 0); + return Math.max(this.model.usesResult - (this.model.usesUsed || 0), 0); }, actionTypeIcon() { return `$vuetify.icons.${this.model.actionType}`;