Fix mutation in CallingParticipantList component

This commit is contained in:
Evan Hahn 2020-12-03 11:24:44 -06:00 committed by GitHub
parent 7aaa5ab294
commit 511ad14137
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 45 additions and 6 deletions

View file

@ -6,6 +6,7 @@ import classNames from 'classnames';
import { LocalizerType } from '../types/Util';
import { ConversationType } from '../state/ducks/conversations';
import { Avatar } from './Avatar';
import { sortByTitle } from '../util/sortByTitle';
export type ActionSpec = {
text: string;
@ -36,10 +37,6 @@ function focusRef(el: HTMLElement | null) {
}
}
function sort(list: Array<ConversationType>): Array<ConversationType> {
return [...list].sort((a, b) => a.title.localeCompare(b.title));
}
export const GroupV1MigrationDialog = React.memo((props: PropsType) => {
const {
areWeInvited,
@ -172,7 +169,7 @@ function renderMembers(
<div className="module-group-v2-migration-dialog__item__bullet" />
<div className="module-group-v2-migration-dialog__item__content">
<div>{i18n(key)}</div>
{sort(members).map(member => (
{sortByTitle(members).map(member => (
<div
key={member.id}
className="module-group-v2-migration-dialog__member"