From 7ba3c2302a55c7ab194590da30c0ff8e0b2f0f75 Mon Sep 17 00:00:00 2001
From: Carson McManus <dyc3@users.noreply.github.com>
Date: Sun, 31 Mar 2024 12:10:39 -0400
Subject: [PATCH] fix users in user list not getting updated on login/logout
 (#1582)

fixes #1547
---
 .../WorkaroundUserStateNotifier.vue           | 20 +++++++++++++++++++
 client/src/views/Room.vue                     |  3 +++
 2 files changed, 23 insertions(+)
 create mode 100644 client/src/components/WorkaroundUserStateNotifier.vue

diff --git a/client/src/components/WorkaroundUserStateNotifier.vue b/client/src/components/WorkaroundUserStateNotifier.vue
new file mode 100644
index 000000000..800c65643
--- /dev/null
+++ b/client/src/components/WorkaroundUserStateNotifier.vue
@@ -0,0 +1,20 @@
+<script lang="ts" setup>
+import { onUnmounted } from "vue";
+import { useConnection } from "@/plugins/connection";
+import { useRoomApi } from "@/util/roomapi";
+import { useStore } from "@/store";
+
+const connection = useConnection();
+const roomapi = useRoomApi(connection);
+
+const store = useStore();
+const loginUnsub = store.subscribe(mutation => {
+	if (mutation.type === "LOGIN" || mutation.type === "LOGOUT") {
+		roomapi.notify("usernameChanged");
+	}
+});
+
+onUnmounted(() => {
+	loginUnsub();
+});
+</script>
diff --git a/client/src/views/Room.vue b/client/src/views/Room.vue
index e66081e89..bacd1f38b 100644
--- a/client/src/views/Room.vue
+++ b/client/src/views/Room.vue
@@ -191,6 +191,7 @@
 		</v-overlay>
 		<ServerMessageHandler />
 		<WorkaroundPlaybackStatusUpdater />
+		<WorkaroundUserStateNotifier />
 	</div>
 </template>
 
@@ -224,6 +225,7 @@ import { useConnection } from "@/plugins/connection";
 import { useRoomApi } from "@/util/roomapi";
 import ServerMessageHandler from "@/components/ServerMessageHandler.vue";
 import WorkaroundPlaybackStatusUpdater from "@/components/WorkaroundPlaybackStatusUpdater.vue";
+import WorkaroundUserStateNotifier from "@/components/WorkaroundUserStateNotifier.vue";
 import { useStore } from "@/store";
 import { useI18n } from "vue-i18n";
 import { useRouter, useRoute } from "vue-router";
@@ -255,6 +257,7 @@ export default defineComponent({
 		RoomDisconnected,
 		ServerMessageHandler,
 		WorkaroundPlaybackStatusUpdater,
+		WorkaroundUserStateNotifier,
 		RestoreQueue,
 		VoteSkip,
 	},