show invite link settings modal (#27917)

apps/web/modules/ee/teams/views/team-members-view.tsx

@@ -8,6 +8,7 @@ import type { RouterOutputs } from "@calcom/trpc/react";
 import type { MemberPermissions } from "@calcom/features/pbac/lib/team-member-permissions";
 
 import { MemberInvitationModalWithoutMembers } from "~/ee/teams/components/MemberInvitationModal";
+import InviteLinkSettingsModal from "~/ee/teams/components/InviteLinkSettingsModal";
 
 import MemberList from "../components/MemberList";
 
@@ -37,7 +38,7 @@ interface TeamMembersViewProps {
 export const TeamMembersView = ({ team, facetedTeamValues, permissions }: TeamMembersViewProps) => {
   const { t } = useLocale();
   const [showMemberInvitationModal, setShowMemberInvitationModal] = useState(false);
-  const [_showInviteLinkSettingsModal, setShowInviteLinkSettingsModal] = useState(false);
+  const [showInviteLinkSettingsModal, setShowInviteLinkSettingsModal] = useState(false);
 
   // Use PBAC permissions - server-side permission check should be done in parent component
   const canLoggedInUserSeeMembers = permissions?.canListMembers ?? false;
@@ -70,6 +71,18 @@ export const TeamMembersView = ({ team, facetedTeamValues, permissions }: TeamMe
             onSettingsOpen={() => setShowInviteLinkSettingsModal(true)}
           />
         )}
+        {team?.inviteToken && (
+          <InviteLinkSettingsModal
+            isOpen={showInviteLinkSettingsModal}
+            teamId={team.id}
+            token={team.inviteToken.token}
+            expiresInDays={team.inviteToken.expiresInDays ?? undefined}
+            onExit={() => {
+              setShowInviteLinkSettingsModal(false);
+              setShowMemberInvitationModal(true);
+            }}
+          />
+        )}
       </div>
     </LicenseRequired>
   );