From 401e09b963357e23cd7cea5fa691ce373ee7a292 Mon Sep 17 00:00:00 2001
From: Daniel <dhaavi@users.noreply.github.com>
Date: Tue, 28 May 2024 16:32:45 +0200
Subject: [PATCH] [desktop/angular] Improve country display in connection
 details

---
 .../app/shared/netquery/connection-details/conn-details.html  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/desktop/angular/src/app/shared/netquery/connection-details/conn-details.html b/desktop/angular/src/app/shared/netquery/connection-details/conn-details.html
index 80d604f66..087e206c0 100644
--- a/desktop/angular/src/app/shared/netquery/connection-details/conn-details.html
+++ b/desktop/angular/src/app/shared/netquery/connection-details/conn-details.html
@@ -180,14 +180,14 @@
     <span sfngAddToFilter="remote_ip" [sfngAddToFilterValue]="conn.remote_ip">
       <span>Remote Peer:</span>
       <span>
-        <span *ngIf="!!conn.country" [appCountryFlags]="conn.country"></span>
         {{ conn.remote_ip || 'DNS Request'}}
         <span *ngIf="conn.remote_port" class="text-tertiary">{{ ':'+conn.remote_port }}</span>
       </span>
     </span>
     <span sfngAddToFilter="country" [sfngAddToFilterValue]="conn.country">
       <span>Country:</span>
-      <span>{{ conn.country || 'N/A'}}</span>
+      <span *ngIf="!!conn.country" [appCountryFlags]="conn.country"></span>
+      <span>{{ (conn.country | countryName) || 'N/A' }}</span>
     </span>
     <span sfngAddToFilter="asn" [sfngAddToFilterValue]="conn.asn">
       <span>ASN:</span>