diff --git a/packages/frontend-2/components/settings/workspaces/members/actions/UpdateAdminDialog.vue b/packages/frontend-2/components/settings/workspaces/members/actions/UpdateAdminDialog.vue index fde078d3b..df5849384 100644 --- a/packages/frontend-2/components/settings/workspaces/members/actions/UpdateAdminDialog.vue +++ b/packages/frontend-2/components/settings/workspaces/members/actions/UpdateAdminDialog.vue @@ -39,20 +39,19 @@ :has-available-seat="hasAvailableEditorSeats" :seat-price="editorSeatPriceFormatted" /> -
- You have an unused Editor seat that is already paid for, so the change will - not incur any charges. -
-- Note that the Editor seat is a paid seat type and this change will incur - additional charges to your subscription. -
+ ++ You have an unused Editor seat that is already paid for, so the change + will not incur any charges. +
++ Note that the Editor seat is a paid seat type and this change will incur + additional charges to your subscription. +
+ diff --git a/packages/frontend-2/lib/workspaces/composables/plan.ts b/packages/frontend-2/lib/workspaces/composables/plan.ts index 722a22c83..d17ec85da 100644 --- a/packages/frontend-2/lib/workspaces/composables/plan.ts +++ b/packages/frontend-2/lib/workspaces/composables/plan.ts @@ -93,9 +93,12 @@ export const useWorkspacePlan = (slug: string) => { // Seat information const seats = computed(() => subscription.value?.seats) - const hasAvailableEditorSeats = computed(() => - seats.value?.editors.available && seats.value?.editors.available > 0 ? true : false - ) + const hasAvailableEditorSeats = computed(() => { + if (seats.value?.editors.available && seats.value?.editors.assigned) { + return seats.value?.editors.available - seats.value?.editors.assigned > 0 + } + return false + }) const editorSeatPriceFormatted = computed(() => { if ( plan.value?.name === WorkspacePlans.Team ||