You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
2.6 KiB
TypeScript
87 lines
2.6 KiB
TypeScript
import { isNull } from 'lodash';
|
|
import {
|
|
getJoinedGroupUpdateChangeStr,
|
|
getKickedGroupUpdateStr,
|
|
getLeftGroupUpdateChangeStr,
|
|
} from '../../../../models/groupUpdate';
|
|
import {
|
|
PropsForGroupUpdate,
|
|
PropsForGroupUpdateType,
|
|
} from '../../../../state/ducks/conversations';
|
|
import { useSelectedNicknameOrProfileNameOrShortenedPubkey } from '../../../../state/selectors/selectedConversation';
|
|
import { ExpirableReadableMessage } from './ExpirableReadableMessage';
|
|
import { NotificationBubble } from './notification-bubble/NotificationBubble';
|
|
import { I18n } from '../../../basic/I18n';
|
|
import { type I18nPropsObject } from '../../../../types/Localizer';
|
|
|
|
// This component is used to display group updates in the conversation view.
|
|
|
|
const ChangeItemJoined = (added: Array<string>): I18nPropsObject => {
|
|
const groupName = useSelectedNicknameOrProfileNameOrShortenedPubkey();
|
|
|
|
if (!added.length) {
|
|
throw new Error('Group update added is missing details');
|
|
}
|
|
|
|
return getJoinedGroupUpdateChangeStr(added, groupName);
|
|
};
|
|
|
|
const ChangeItemKicked = (kicked: Array<string>): I18nPropsObject => {
|
|
if (!kicked.length) {
|
|
throw new Error('Group update kicked is missing details');
|
|
}
|
|
const groupName = useSelectedNicknameOrProfileNameOrShortenedPubkey();
|
|
|
|
return getKickedGroupUpdateStr(kicked, groupName);
|
|
};
|
|
|
|
const ChangeItemLeft = (left: Array<string>): I18nPropsObject => {
|
|
const groupName = useSelectedNicknameOrProfileNameOrShortenedPubkey();
|
|
|
|
if (!left.length) {
|
|
throw new Error('Group update left is missing details');
|
|
}
|
|
|
|
return getLeftGroupUpdateChangeStr(left, groupName);
|
|
};
|
|
|
|
const ChangeItem = (change: PropsForGroupUpdateType): I18nPropsObject => {
|
|
const { type } = change;
|
|
switch (type) {
|
|
case 'name':
|
|
return { token: 'groupNameNew', args: { group_name: change.newName } };
|
|
|
|
case 'add':
|
|
return ChangeItemJoined(change.added);
|
|
|
|
case 'left':
|
|
return ChangeItemLeft(change.left);
|
|
|
|
case 'kicked':
|
|
return ChangeItemKicked(change.kicked);
|
|
|
|
case 'general':
|
|
default:
|
|
return { token: 'groupUpdated' };
|
|
}
|
|
};
|
|
|
|
export const GroupUpdateMessage = (props: PropsForGroupUpdate) => {
|
|
const { change, messageId } = props;
|
|
|
|
const changeItem = ChangeItem(change);
|
|
|
|
return (
|
|
<ExpirableReadableMessage
|
|
messageId={messageId}
|
|
key={`readable-message-${messageId}`}
|
|
dataTestId="group-update-message"
|
|
isControlMessage={true}
|
|
>
|
|
<NotificationBubble iconType="users">
|
|
{!isNull(changeItem) ? <I18n {...changeItem} /> : null}
|
|
</NotificationBubble>
|
|
</ExpirableReadableMessage>
|
|
);
|
|
};
|