78 lines
1.9 KiB
TypeScript
78 lines
1.9 KiB
TypeScript
// Copyright 2022 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React from 'react';
|
|
import type { ConversationType } from '../../state/ducks/conversations';
|
|
import type { LocalizerType } from '../../types/Util';
|
|
import type { AciString } from '../../types/ServiceId';
|
|
import { Avatar, AvatarSize } from '../Avatar';
|
|
import { ListTile } from '../ListTile';
|
|
import { UserText } from '../UserText';
|
|
|
|
export enum DisabledReason {
|
|
AlreadyMember = 'already-member',
|
|
Pending = 'pending',
|
|
}
|
|
|
|
export type GroupListItemConversationType = Pick<
|
|
ConversationType,
|
|
'id' | 'title' | 'avatarUrl'
|
|
> & {
|
|
disabledReason: DisabledReason | undefined;
|
|
membersCount: number;
|
|
memberships: ReadonlyArray<{
|
|
aci: AciString;
|
|
isAdmin: boolean;
|
|
}>;
|
|
};
|
|
|
|
export type Props = {
|
|
i18n: LocalizerType;
|
|
onSelectGroup: (id: string) => void;
|
|
group: GroupListItemConversationType;
|
|
};
|
|
|
|
export function GroupListItem({
|
|
group,
|
|
i18n,
|
|
onSelectGroup,
|
|
}: Props): JSX.Element {
|
|
let messageText: string;
|
|
switch (group.disabledReason) {
|
|
case DisabledReason.AlreadyMember:
|
|
messageText = i18n('icu:GroupListItem__message-already-member');
|
|
break;
|
|
case DisabledReason.Pending:
|
|
messageText = i18n('icu:GroupListItem__message-pending');
|
|
break;
|
|
default:
|
|
messageText = i18n('icu:GroupListItem__message-default', {
|
|
count: group.membersCount,
|
|
});
|
|
}
|
|
|
|
return (
|
|
<ListTile
|
|
leading={
|
|
<Avatar
|
|
acceptedMessageRequest
|
|
avatarUrl={group.avatarUrl}
|
|
conversationType="group"
|
|
i18n={i18n}
|
|
isMe={false}
|
|
title={group.title}
|
|
sharedGroupNames={[]}
|
|
size={AvatarSize.THIRTY_TWO}
|
|
badge={undefined}
|
|
/>
|
|
}
|
|
title={<UserText text={group.title} />}
|
|
subtitle={<UserText text={messageText} />}
|
|
onClick={() => {
|
|
if (!group.disabledReason) {
|
|
onSelectGroup(group.id);
|
|
}
|
|
}}
|
|
/>
|
|
);
|
|
}
|