From 08c9641daa5057d6f1a3ff18f6008bf5fce3c873 Mon Sep 17 00:00:00 2001
From: Timon Back <timonback@users.noreply.github.com>
Date: Sun, 7 Jan 2024 16:12:17 +0100
Subject: [PATCH] feat(ui): better handling when binding is missing

---
 springwolf-ui/src/app/channels/channels.component.html | 2 +-
 springwolf-ui/src/app/channels/channels.component.ts   | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/springwolf-ui/src/app/channels/channels.component.html b/springwolf-ui/src/app/channels/channels.component.html
index c85f7f6fa..ec0fd1327 100644
--- a/springwolf-ui/src/app/channels/channels.component.html
+++ b/springwolf-ui/src/app/channels/channels.component.html
@@ -33,7 +33,7 @@ <h1>Channels</h1>
   >
     <mat-expansion-panel-header>
       <mat-panel-title class="flex-column gap-16 flex-start items-center">
-        <div class="badge protocol-badge">
+        <div class="badge protocol-badge" *ngIf="channel.operation.protocol">
           {{ channel.operation.protocol }}
         </div>
         <div
diff --git a/springwolf-ui/src/app/channels/channels.component.ts b/springwolf-ui/src/app/channels/channels.component.ts
index 54a1b4661..aded74515 100644
--- a/springwolf-ui/src/app/channels/channels.component.ts
+++ b/springwolf-ui/src/app/channels/channels.component.ts
@@ -43,8 +43,10 @@ export class ChannelsComponent implements OnInit {
         } else {
           return a.operation.operation.localeCompare(b.operation.operation);
         }
-      } else {
+      } else if (a.operation.protocol != null) {
         return a.operation.protocol.localeCompare(b.operation.protocol);
+      } else {
+        return 0;
       }
     });
   }