From 88c93e2b5f65331e61d5d928f15239ba02c98deb Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Sat, 28 Mar 2026 23:55:50 +0300
Subject: [PATCH] feat: show country emoji and provider name in traffic tab

---
 src/api/adminRemnawave.ts    | 2 ++
 src/pages/AdminRemnawave.tsx | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/api/adminRemnawave.ts b/src/api/adminRemnawave.ts
index 1613a75..0218421 100644
--- a/src/api/adminRemnawave.ts
+++ b/src/api/adminRemnawave.ts
@@ -170,6 +170,8 @@ export interface InboundTraffic {
 export interface NodeRealtimeStats {
   nodeUuid: string;
   nodeName: string;
+  countryEmoji?: string;
+  providerName?: string;
   downloadBytes: number;
   uploadBytes: number;
   totalBytes: number;
diff --git a/src/pages/AdminRemnawave.tsx b/src/pages/AdminRemnawave.tsx
index c2f515a..dcf82b8 100644
--- a/src/pages/AdminRemnawave.tsx
+++ b/src/pages/AdminRemnawave.tsx
@@ -914,8 +914,13 @@ function TrafficTab({ data, isLoading, onRefresh }: TrafficTabProps) {
         <div key={node.nodeUuid} className="rounded-xl border border-dark-700 bg-dark-800/50 p-4">
           <div className="mb-3 flex items-center justify-between">
             <div className="flex items-center gap-2">
-              <GlobeIcon className="h-4 w-4 text-accent-400" />
+              {node.countryEmoji && <span className="text-lg">{node.countryEmoji}</span>}
               <h3 className="font-medium text-dark-100">{node.nodeName}</h3>
+              {node.providerName && (
+                <span className="rounded bg-dark-700/50 px-1.5 py-0.5 text-xs text-dark-400">
+                  {node.providerName}
+                </span>
+              )}
               <span className="text-xs text-dark-500">
                 {node.usersOnline} {t('admin.remnawave.traffic.online', 'online')}
               </span>