feat(dataplanes): adds warning icon/tooltip to non-ready inbounds

Signed-off-by: John Cowen <[email protected]>

Author: johncowen

packages/kuma-gui/src/app/connections/components/connection-traffic/ConnectionCard.vue

@@ -14,6 +14,8 @@
         </slot>
       </div>
       <div class="title">
+        <slot name="state" />
+
         <XBadge
           v-if="props.protocol !== ''"
           class="protocol"
@@ -192,6 +194,7 @@ const props = withDefaults(defineProps<{
   float: left;
   font-size: $kui-font-size-40;
   display: flex;
+  align-items: center;
   flex: 1 1 auto;
   gap: $kui-space-40;
 }

packages/kuma-gui/src/app/data-planes/locales/en-us/index.yaml

@@ -110,7 +110,7 @@ data-planes:
       health:
         ready: 'Healthy'
         not_ready: 'Unhealthy'
-      unhealthy_inbound: 'Inbound on port {port} is not ready (kuma.io/service: {service})'
+      unhealthy_inbound: 'Inbound on port {port} is not ready'
       mtls:
         title: 'TLS'
         expiration_time: