Merge pull request #15524 from supabase/fix/invite-button-permissions

fix: invite button permissions error

studio/components/interfaces/Organization/TeamSettings/InviteMemberButton.tsx

@@ -11,6 +11,7 @@ import { Member, Role } from 'types'
 import { Button, Form, IconMail, Input, Listbox, Modal } from 'ui'
 
 export interface InviteMemberButtonProps {
+  orgId: number
   userId: number
   members: Member[]
   roles: Role[]
@@ -18,6 +19,7 @@ export interface InviteMemberButtonProps {
 }
 
 const InviteMemberButton = ({
+  orgId,
   userId,
   members = [],
   roles = [],
@@ -31,9 +33,15 @@ const InviteMemberButton = ({
   const { permissions: allPermissions } = useGetPermissions()
 
   const canInviteMembers = roles.some(({ id: role_id }) =>
-    doPermissionsCheck(allPermissions, PermissionAction.CREATE, 'user_invites', {
-      resource: { role_id },
-    })
+    doPermissionsCheck(
+      allPermissions,
+      PermissionAction.CREATE,
+      'user_invites',
+      {
+        resource: { role_id },
+      },
+      orgId
+    )
   )
 
   const initialValues = { email: '', role: '' }

studio/components/interfaces/Organization/TeamSettings/TeamSettings.tsx

@@ -89,9 +89,10 @@ const TeamSettings = () => {
             placeholder="Filter members"
           />
           <ScaffoldActionsGroup>
-            {canAddMembers && profile !== undefined && (
+            {canAddMembers && profile !== undefined && selectedOrganization !== undefined && (
               <div>
                 <InviteMemberButton
+                  orgId={selectedOrganization.id}
                   userId={profile.id}
                   members={members}
                   roles={roles}