mirror of
https://github.com/tulir/gomuks.git
synced 2025-04-20 10:33:41 -05:00
web/composer: use string join for typing names
This commit is contained in:
parent
d9d3ad3d67
commit
69c127a0a2
1 changed files with 2 additions and 4 deletions
|
@ -18,7 +18,7 @@ import { PulseLoader } from "react-spinners"
|
||||||
import { getAvatarURL } from "@/api/media.ts"
|
import { getAvatarURL } from "@/api/media.ts"
|
||||||
import { useRoomTyping } from "@/api/statestore"
|
import { useRoomTyping } from "@/api/statestore"
|
||||||
import { MemberEventContent } from "@/api/types/mxtypes.ts"
|
import { MemberEventContent } from "@/api/types/mxtypes.ts"
|
||||||
import { humanJoinReact } from "@/util/reactjoin.tsx"
|
import { humanJoin } from "@/util/join.ts"
|
||||||
import ClientContext from "../ClientContext.ts"
|
import ClientContext from "../ClientContext.ts"
|
||||||
import { useRoomContext } from "../roomview/roomcontext.ts"
|
import { useRoomContext } from "../roomview/roomcontext.ts"
|
||||||
import "./TypingNotifications.css"
|
import "./TypingNotifications.css"
|
||||||
|
@ -55,9 +55,7 @@ const TypingNotifications = () => {
|
||||||
description = <div className="description">{typing.length} users are typing</div>
|
description = <div className="description">{typing.length} users are typing</div>
|
||||||
} else if (typing.length > 0) {
|
} else if (typing.length > 0) {
|
||||||
description = <div className="description">
|
description = <div className="description">
|
||||||
{humanJoinReact(memberNames)}
|
{humanJoin(memberNames)} {typing.length === 1 ? "is" : "are"} typing
|
||||||
{typing.length === 1 ? " is " : " are "}
|
|
||||||
typing
|
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue