From 63d90a8eb5710773ca4fb8c3dbd08c1f576ca350 Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Thu, 5 Oct 2023 21:36:53 -0700
Subject: [PATCH] Clean up message content.

---
 src/components/live/live.ts | 9 ++++++---
 src/components/message.ts   | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/live/live.ts b/src/components/live/live.ts
index 5e1d3ce0..283e1969 100644
--- a/src/components/live/live.ts
+++ b/src/components/live/live.ts
@@ -949,9 +949,12 @@ export class FrigateCardLiveProvider
         // receiving frames). Otherwise a single temporarily unavailable camera
         // would render a whole carousel inoperable.
         return renderMessage({
-          message: localize('error.live_camera_unavailable'),
-          type: 'error',
-          context: this.cameraConfig,
+          message: `${localize('error.live_camera_unavailable')}${
+            this.label ? `: ${this.label}` : ''
+          }`,
+          type: 'info',
+          icon: 'mdi:cctv-off',
+          dotdotdot: true,
         });
       }
     }
diff --git a/src/components/message.ts b/src/components/message.ts
index a070fd7c..fd0106b8 100644
--- a/src/components/message.ts
+++ b/src/components/message.ts
@@ -67,7 +67,7 @@ export class FrigateCardErrorMessage extends LitElement {
     return html` <frigate-card-message
       .message=${html` ${this.message.message}.
         <a href="${TROUBLESHOOTING_URL}"> ${localize('error.troubleshooting')}</a>.`}
-      .icon=${'mdi:alert-circle'}
+      .icon=${this.message.icon ?? 'mdi:alert-circle'}
       .context=${this.message.context}
       .dotdotdot=${this.message.dotdotdot}
     >