Lisa_Stuff/pvtchat
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fully Implement Add Typing Start

Browse Source
This commit is contained in:
ADAMJR 2021-08-13 15:08:01 +01:00
parent 6b44370374
commit eeb7519d6b
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/channel/message-box.tsx
View File

@ -47,11 +47,10 @@ const MessageBox: React.FunctionComponent<MessageBoxProps> = (props) => {
const user = (userId: string) => getUser(userId)(store.getState());
const typingMessage = () => {
if (!typers.length) return;
const maxTypers = 3;
const typingUsers = typers.map(t => user(t.userId)!.username).join(', ');
if (!typers.length) return;
return (typers.length > maxTypers)
? 'Many users are typing...'
: `${typingUsers} is typing...`
@ -70,7 +69,7 @@ const MessageBox: React.FunctionComponent<MessageBoxProps> = (props) => {
autoFocus />
{(props.editingMessageId)
? <span className="text-xs py-2">escape to cancel • enter to save</span>
: <div className="w-full h-6">{typingMessage()}</div>}
: <div className="text-sm w-full h-6">{typingMessage()}</div>}
</div>
);
}