|
@@ -483,25 +483,20 @@ export const renderScene = (
|
|
|
context.stroke();
|
|
|
|
|
|
const username = sceneState.remotePointerUsernames[clientId];
|
|
|
- let usernameAndIdleState;
|
|
|
- if (hasEmojiSupport) {
|
|
|
- usernameAndIdleState = `${username ? `${username} ` : ""}${
|
|
|
- userState === UserIdleState.AWAY
|
|
|
- ? "⚫️"
|
|
|
- : userState === UserIdleState.IDLE
|
|
|
- ? "💤"
|
|
|
- : "🟢"
|
|
|
- }`;
|
|
|
- } else {
|
|
|
- usernameAndIdleState = `${username ? `${username}` : ""}${
|
|
|
- userState === UserIdleState.AWAY
|
|
|
- ? ` (${UserIdleState.AWAY})`
|
|
|
- : userState === UserIdleState.IDLE
|
|
|
- ? ` (${UserIdleState.IDLE})`
|
|
|
- : ""
|
|
|
- }`;
|
|
|
+
|
|
|
+ let idleState = "";
|
|
|
+ if (userState === UserIdleState.AWAY) {
|
|
|
+ idleState = hasEmojiSupport ? "⚫️" : ` (${UserIdleState.AWAY})`;
|
|
|
+ } else if (userState === UserIdleState.IDLE) {
|
|
|
+ idleState = hasEmojiSupport ? "💤" : ` (${UserIdleState.IDLE})`;
|
|
|
+ } else if (userState === UserIdleState.ACTIVE) {
|
|
|
+ idleState = hasEmojiSupport ? "🟢" : "";
|
|
|
}
|
|
|
|
|
|
+ const usernameAndIdleState = `${
|
|
|
+ username ? `${username} ` : ""
|
|
|
+ }${idleState}`;
|
|
|
+
|
|
|
if (!isOutOfBounds && usernameAndIdleState) {
|
|
|
const offsetX = x + width;
|
|
|
const offsetY = y + height;
|