mirror of
				https://github.com/cinnyapp/cinny.git
				synced 2025-11-04 06:20:28 +03:00 
			
		
		
		
	fix member are not sorted correctly after last sdk update
This commit is contained in:
		
							parent
							
								
									958ae8945d
								
							
						
					
					
						commit
						a21080b26c
					
				
					 3 changed files with 11 additions and 6 deletions
				
			
		| 
						 | 
				
			
			@ -27,7 +27,7 @@ import { Page, PageContent, PageHeader } from '../../../components/page';
 | 
			
		|||
import { useRoom } from '../../../hooks/useRoom';
 | 
			
		||||
import { useRoomMembers } from '../../../hooks/useRoomMembers';
 | 
			
		||||
import { useMatrixClient } from '../../../hooks/useMatrixClient';
 | 
			
		||||
import { usePowerLevels } from '../../../hooks/usePowerLevels';
 | 
			
		||||
import { useGetMemberPowerLevel, usePowerLevels } from '../../../hooks/usePowerLevels';
 | 
			
		||||
import { VirtualTile } from '../../../components/virtualizer';
 | 
			
		||||
import { MemberTile } from '../../../components/member-tile';
 | 
			
		||||
import { useMediaAuthentication } from '../../../hooks/useMediaAuthentication';
 | 
			
		||||
| 
						 | 
				
			
			@ -87,12 +87,13 @@ export function Members({ requestClose }: MembersProps) {
 | 
			
		|||
  const powerLevels = usePowerLevels(room);
 | 
			
		||||
  const creators = useRoomCreators(room);
 | 
			
		||||
  const getPowerTag = useGetMemberPowerTag(room, creators, powerLevels);
 | 
			
		||||
  const getPowerLevel = useGetMemberPowerLevel(powerLevels);
 | 
			
		||||
 | 
			
		||||
  const [membershipFilterIndex, setMembershipFilterIndex] = useState(0);
 | 
			
		||||
  const [sortFilterIndex, setSortFilterIndex] = useSetting(settingsAtom, 'memberSortFilterIndex');
 | 
			
		||||
  const membershipFilter = useMembershipFilter(membershipFilterIndex, useMembershipFilterMenu());
 | 
			
		||||
  const memberSort = useMemberSort(sortFilterIndex, useMemberSortMenu());
 | 
			
		||||
  const memberPowerSort = useMemberPowerSort(creators);
 | 
			
		||||
  const memberPowerSort = useMemberPowerSort(creators, getPowerLevel);
 | 
			
		||||
 | 
			
		||||
  const scrollRef = useRef<HTMLDivElement>(null);
 | 
			
		||||
  const searchInputRef = useRef<HTMLInputElement>(null);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -51,7 +51,7 @@ import { useRoomTypingMember } from '../../hooks/useRoomTypingMembers';
 | 
			
		|||
import { useMediaAuthentication } from '../../hooks/useMediaAuthentication';
 | 
			
		||||
import { useMembershipFilter, useMembershipFilterMenu } from '../../hooks/useMemberFilter';
 | 
			
		||||
import { useMemberPowerSort, useMemberSort, useMemberSortMenu } from '../../hooks/useMemberSort';
 | 
			
		||||
import { usePowerLevelsContext } from '../../hooks/usePowerLevels';
 | 
			
		||||
import { useGetMemberPowerLevel, usePowerLevelsContext } from '../../hooks/usePowerLevels';
 | 
			
		||||
import { MembershipFilterMenu } from '../../components/MembershipFilterMenu';
 | 
			
		||||
import { MemberSortMenu } from '../../components/MemberSortMenu';
 | 
			
		||||
import { useOpenUserRoomProfile, useUserRoomProfileState } from '../../state/hooks/userRoomProfile';
 | 
			
		||||
| 
						 | 
				
			
			@ -185,6 +185,7 @@ export function MembersDrawer({ room, members }: MembersDrawerProps) {
 | 
			
		|||
  const powerLevels = usePowerLevelsContext();
 | 
			
		||||
  const creators = useRoomCreators(room);
 | 
			
		||||
  const getPowerTag = useGetMemberPowerTag(room, creators, powerLevels);
 | 
			
		||||
  const getPowerLevel = useGetMemberPowerLevel(powerLevels);
 | 
			
		||||
 | 
			
		||||
  const fetchingMembers = members.length < room.getJoinedMemberCount();
 | 
			
		||||
  const openUserRoomProfile = useOpenUserRoomProfile();
 | 
			
		||||
| 
						 | 
				
			
			@ -198,7 +199,7 @@ export function MembersDrawer({ room, members }: MembersDrawerProps) {
 | 
			
		|||
 | 
			
		||||
  const membershipFilter = useMembershipFilter(membershipFilterIndex, membershipFilterMenu);
 | 
			
		||||
  const memberSort = useMemberSort(sortFilterIndex, sortFilterMenu);
 | 
			
		||||
  const memberPowerSort = useMemberPowerSort(creators);
 | 
			
		||||
  const memberPowerSort = useMemberPowerSort(creators, getPowerLevel);
 | 
			
		||||
 | 
			
		||||
  const typingMembers = useRoomTypingMember(room.roomId);
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -47,7 +47,10 @@ export const useMemberSort = (index: number, memberSort: MemberSortItem[]): Memb
 | 
			
		|||
  return item;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export const useMemberPowerSort = (creators: Set<string>): MemberSortFn => {
 | 
			
		||||
export const useMemberPowerSort = (
 | 
			
		||||
  creators: Set<string>,
 | 
			
		||||
  getPowerLevel: (userId: string) => number
 | 
			
		||||
): MemberSortFn => {
 | 
			
		||||
  const sort: MemberSortFn = useCallback(
 | 
			
		||||
    (a, b) => {
 | 
			
		||||
      if (creators.has(a.userId) && creators.has(b.userId)) {
 | 
			
		||||
| 
						 | 
				
			
			@ -56,7 +59,7 @@ export const useMemberPowerSort = (creators: Set<string>): MemberSortFn => {
 | 
			
		|||
      if (creators.has(a.userId)) return -1;
 | 
			
		||||
      if (creators.has(b.userId)) return 1;
 | 
			
		||||
 | 
			
		||||
      return b.powerLevel - a.powerLevel;
 | 
			
		||||
      return getPowerLevel(b.userId) - getPowerLevel(a.userId);
 | 
			
		||||
    },
 | 
			
		||||
    [creators]
 | 
			
		||||
  );
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue