From 5476fe31a451da4ff2d86e88c2c0935b52cc9bc3 Mon Sep 17 00:00:00 2001
From: Michael Hollister <michael@futo.org>
Date: Mon, 21 Apr 2025 08:45:10 -0500
Subject: [PATCH] Receivers: Indicate if multiple devices are connected

---
 receivers/common/web/main/Renderer.ts | 6 +++++-
 receivers/common/web/main/common.css  | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/receivers/common/web/main/Renderer.ts b/receivers/common/web/main/Renderer.ts
index 46f2088..663894a 100644
--- a/receivers/common/web/main/Renderer.ts
+++ b/receivers/common/web/main/Renderer.ts
@@ -33,6 +33,10 @@ window.targetAPI.onDisconnect((_event, value: any) => {
             connectionStatusCheck.style.display = 'none';
             toast("Device disconnected", ToastIcon.INFO);
         }
+        else {
+            connectionStatusText.textContent = connections.length > 1 ? 'Multiple devices connected:\r\n Ready to cast' : 'Connected: Ready to cast';
+            toast("A device has disconnected", ToastIcon.INFO);
+        }
     }
 });
 
@@ -43,7 +47,7 @@ if(window.targetAPI.getDeviceInfo()) {
 
 function onConnect(value: any) {
     console.log(`Device connected: ${JSON.stringify(value)}`);
-    connectionStatusText.textContent = 'Connected: Ready to cast';
+    connectionStatusText.textContent = connections.length > 1 ? 'Multiple devices connected:\r\n Ready to cast' : 'Connected: Ready to cast';
     connectionStatusSpinner.style.display = 'none';
     connectionStatusCheck.style.display = 'inline-block';
 }
diff --git a/receivers/common/web/main/common.css b/receivers/common/web/main/common.css
index 792a952..1954f84 100644
--- a/receivers/common/web/main/common.css
+++ b/receivers/common/web/main/common.css
@@ -136,6 +136,7 @@ body, html {
 
 #connection-status-text, #ips, #automatic-discovery {
     margin-top: 20px;
+    white-space: pre;
 }
 
 #connection-spinner {