respect billing permission in frontend, fix hiding of billing banners

This commit is contained in:
Gregor Vostrak
2024-09-05 13:52:35 +02:00
committed by Constantin Graf
parent 4969fcba7e
commit 83301d03ca
7 changed files with 39 additions and 27 deletions

View File

@@ -10,7 +10,7 @@ import type { Organization } from '@/types/models';
import type { Permissions } from '@/types/jetstream';
import { CreditCardIcon } from '@heroicons/vue/20/solid';
import { isBillingActivated } from '@/utils/billing';
import { canUpdateOrganization } from '@/utils/permissions';
import { canManageBilling } from '@/utils/permissions';
const props = defineProps<{
team: Organization;
@@ -61,12 +61,10 @@ const updateTeamName = () => {
</div>
</div>
<div>
<Link href="/billing">
<PrimaryButton
type="button"
v-if="
isBillingActivated() && canUpdateOrganization()
">
<Link
v-if="isBillingActivated() && canManageBilling()"
href="/billing">
<PrimaryButton type="button">
<CreditCardIcon class="w-5 h-5 me-2" />
Go to Billing
</PrimaryButton>