From 529d61c77d8362b0f33632e786ae63ec7cb765b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mose=20M=C3=BCller?= <mosemueller@gmail.com>
Date: Tue, 23 Jan 2024 15:56:00 +0100
Subject: [PATCH] fixes DeviceConnection overlay message when directly exposed

---
 frontend/src/components/DeviceConnection.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/DeviceConnection.tsx b/frontend/src/components/DeviceConnection.tsx
index 15a0c86..dc786a8 100644
--- a/frontend/src/components/DeviceConnection.tsx
+++ b/frontend/src/components/DeviceConnection.tsx
@@ -42,7 +42,9 @@ export const DeviceConnectionComponent = React.memo(
       <div className="deviceConnectionComponent" id={id}>
         {!connectedVal && (
           <div className="overlayContent">
-            <div>{displayName} is currently not available!</div>
+            <div>
+              {displayName != '' ? displayName : 'Device'} is currently not available!
+            </div>
             <MethodComponent
               name="connect"
               parentPath={fullAccessPath}