cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-22 07:00:58 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fix typing indicator.

Browse source
This commit is contained in:
Paul 2021-07-28 14:04:27 +01:00
parent 98f9672801
commit 25fa375ce0
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/common/messaging/bars/TypingIndicator.tsx
View file

@ -76,15 +76,19 @@ export function TypingIndicator({ typing }: Props) {
if (users.length >= 5) {
text = <Text id="app.main.channel.typing.several" />;
} else if (users.length > 1) {
const usersCopy = [...users];
const userlist = [...users].map((x) => <Username user={x} />);
const user = userlist.pop();
for (let i = 0; i < userlist.length - 1; i++) {
userlist.splice(i * 2 + 1, 0, <>, </>);
}
text = (
<TextReact
id="app.main.channel.typing.multiple"
fields={{
user: <Username user={usersCopy.pop()} />,
userlist: usersCopy
.map((x) => <Username user={x} />)
.join(", "),
user,
userlist,
}}
/>
);