From 69c127a0a2d4011eca9f10665fc5a5ab4c6343de Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Thu, 12 Dec 2024 01:07:46 +0200
Subject: [PATCH] web/composer: use string join for typing names

---
 web/src/ui/composer/TypingNotifications.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/web/src/ui/composer/TypingNotifications.tsx b/web/src/ui/composer/TypingNotifications.tsx
index e622021..607a366 100644
--- a/web/src/ui/composer/TypingNotifications.tsx
+++ b/web/src/ui/composer/TypingNotifications.tsx
@@ -18,7 +18,7 @@ import { PulseLoader } from "react-spinners"
 import { getAvatarURL } from "@/api/media.ts"
 import { useRoomTyping } from "@/api/statestore"
 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 { useRoomContext } from "../roomview/roomcontext.ts"
 import "./TypingNotifications.css"
@@ -55,9 +55,7 @@ const TypingNotifications = () => {
 		description = <div className="description">{typing.length} users are typing</div>
 	} else if (typing.length > 0) {
 		description = <div className="description">
-			{humanJoinReact(memberNames)}
-			{typing.length === 1 ? " is " : " are "}
-			typing
+			{humanJoin(memberNames)} {typing.length === 1 ? "is" : "are"} typing
 		</div>
 	}