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 {