[teams] inactivate Leave Team action for last team owner

Author: AlexTugarev

components/dashboard/src/teams/Members.tsx

@@ -31,6 +31,7 @@ export default function() {
     const [ showInviteModal, setShowInviteModal ] = useState<boolean>(false);
     const [ searchText, setSearchText ] = useState<string>('');
     const [ roleFilter, setRoleFilter ] = useState<TeamMemberRole | undefined>();
+    const [ leaveTeamEnabled, setLeaveTeamEnabled ] = useState<boolean>(false);
 
     useEffect(() => {
         if (!team) {
@@ -46,6 +47,12 @@ export default function() {
         })();
     }, [ team ]);
 
+    useEffect(() => {
+        const owners = members.filter(m => m.role === "owner");
+        const isOwner = owners.some(o => o.userId === user?.id);
+        setLeaveTeamEnabled(!isOwner || owners.length > 1);
+    }, [ members ]);
+
     const ownMemberInfo = members.find(m => m.userId === user?.id);
 
     const getInviteURL = (inviteId: string) => {
@@ -181,6 +188,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'