From 632bfc253b667f22c44841aded39a80272ff597d Mon Sep 17 00:00:00 2001
From: Phil Bastian <phil.bastian@particular.net>
Date: Thu, 6 Feb 2025 09:28:58 +0800
Subject: [PATCH] show message if no logs

---
 .../src/components/configuration/MassTransitConnector.vue      | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Frontend/src/components/configuration/MassTransitConnector.vue b/src/Frontend/src/components/configuration/MassTransitConnector.vue
index dabced14e3..8c9f7ab058 100644
--- a/src/Frontend/src/components/configuration/MassTransitConnector.vue
+++ b/src/Frontend/src/components/configuration/MassTransitConnector.vue
@@ -29,7 +29,8 @@ function formatDate(date: string) {
     <div class="row">
       <h4>The entries below are the most recent warning and error-level events recorded on the ServiceControl Connector.</h4>
       <div class="logs-container">
-        <div class="row margin-gap hover-highlight" v-for="log in [...configuration.mass_transit_connector.logs].reverse()" :key="log.date">
+        <div v-if="configuration.mass_transit_connector.logs.length === 0">No warning or error logs</div>
+        <div v-else class="row margin-gap hover-highlight" v-for="log in [...configuration.mass_transit_connector.logs].reverse()" :key="log.date">
           <div class="col-2">{{ formatDate(log.date) }}</div>
           <div class="col-1" :class="`${log.level.toLowerCase()}-color`">{{ log.level }}</div>
           <div class="col-9" :class="`${log.level.toLowerCase()}-color`">