From 5cdb0c5ce97cd74f111872523a38c0628fa83c9f Mon Sep 17 00:00:00 2001
From: Mononaut <github@monospace.live>
Date: Tue, 11 Oct 2022 23:06:46 +0000
Subject: [PATCH] Fix tx preview flow diagram highlight bug

---
 .../components/tx-bowtie-graph/tx-bowtie-graph.component.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/components/tx-bowtie-graph/tx-bowtie-graph.component.html b/frontend/src/app/components/tx-bowtie-graph/tx-bowtie-graph.component.html
index ced3b5f57..a85f62c65 100644
--- a/frontend/src/app/components/tx-bowtie-graph/tx-bowtie-graph.component.html
+++ b/frontend/src/app/components/tx-bowtie-graph/tx-bowtie-graph.component.html
@@ -68,7 +68,7 @@
       <path
         [attr.d]="input.path"
         class="line {{input.class}}"
-        [class.highlight]="inputData[i].index === inputIndex"
+        [class.highlight]="inputIndex != null && inputData[i].index === inputIndex"
         [style]="input.style"
         attr.marker-start="url(#{{input.class}}-arrow)"
         (pointerover)="onHover($event, 'input', i);"
@@ -80,7 +80,7 @@
       <path
         [attr.d]="output.path"
         class="line {{output.class}}"
-        [class.highlight]="outputData[i].index === outputIndex"
+        [class.highlight]="outputIndex != null && outputData[i].index === outputIndex"
         [style]="output.style"
         attr.marker-start="url(#{{output.class}}-arrow)"
         (pointerover)="onHover($event, 'output', i);"