diff --git a/components/dashboard/src/teams/Members.tsx b/components/dashboard/src/teams/Members.tsx index 1c1bbab950e5cc..9ed9e6982c9410 100644 --- a/components/dashboard/src/teams/Members.tsx +++ b/components/dashboard/src/teams/Members.tsx @@ -31,6 +31,7 @@ export default function() { const [ showInviteModal, setShowInviteModal ] = useState(false); const [ searchText, setSearchText ] = useState(''); const [ roleFilter, setRoleFilter ] = useState(); + const [ leaveTeamEnabled, setLeaveTeamEnabled ] = useState(false); useEffect(() => { if (!team) { @@ -46,6 +47,10 @@ export default function() { })(); }, [ team ]); + useEffect(() => { + setLeaveTeamEnabled(members.length > 1); + }, [ members ]); + const ownMemberInfo = members.find(m => m.userId === user?.id); const getInviteURL = (inviteId: string) => { @@ -181,6 +186,7 @@ export default function() { ? [{ title: 'Leave Team', customFontStyle: 'text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300', + active: leaveTeamEnabled, onClick: () => removeTeamMember(m.userId) }] : (ownMemberInfo?.role === 'owner'