hide actions and pages in the frontend according to permissions

This commit is contained in:
Gregor Vostrak
2024-04-25 04:12:10 +02:00
parent 77cedb160e
commit f22d423fff
21 changed files with 176 additions and 18 deletions

View File

@@ -6,6 +6,7 @@ import { router, usePage } from '@inertiajs/vue3';
import type { Organization, User } from '@/types/models';
import { isBillingActivated } from '@/utils/billing';
import { initializeStores } from '@/utils/init';
import { canUpdateOrganization } from '@/utils/permissions';
const page = usePage<{
jetstream: {
@@ -88,7 +89,9 @@ const switchToTeam = (team: Organization) => {
Organization Settings
</DropdownLink>
<DropdownLink v-if="isBillingActivated()" href="/billing">
<DropdownLink
v-if="canUpdateOrganization() && isBillingActivated()"
href="/billing">
Billing
</DropdownLink>