From 297d75a92c30d650c2a5eee4c3785b2365d6d094 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Mon, 1 Jun 2026 14:37:36 +0300
Subject: [PATCH] fix(admin-remnawave): add RAM/CPU icons to node metrics like
 the panel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Checked the live panel — every node metric carries an icon there, but our card showed RAM% and load average as bare text while the speeds had icons. Add MemoryIcon before RAM% and CpuIcon before the load average so the metrics row matches the original.
---
 src/pages/AdminRemnawave.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/AdminRemnawave.tsx b/src/pages/AdminRemnawave.tsx
index e86e735..bf9b64d 100644
--- a/src/pages/AdminRemnawave.tsx
+++ b/src/pages/AdminRemnawave.tsx
@@ -329,6 +329,7 @@ function NodeCard({ node, providerName, realtime, onAction, isLoading }: NodeCar
         <div className="mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 border-t border-dark-700/60 pt-2 font-mono text-[10.5px] text-dark-500">
           {ramPct !== null && (
             <span className="flex items-center gap-1.5" title="RAM">
+              <MemoryIcon className="h-3 w-3 text-dark-500" />
               <span
                 className={
                   ramPct > 85
@@ -348,7 +349,12 @@ function NodeCard({ node, providerName, realtime, onAction, isLoading }: NodeCar
               </span>
             </span>
           )}
-          {loadAvg && <span title="load average 1 / 5 / 15 min">{loadAvg}</span>}
+          {loadAvg && (
+            <span className="flex items-center gap-1" title="load average 1 / 5 / 15 min">
+              <CpuIcon className="h-3 w-3 text-dark-500" />
+              {loadAvg}
+            </span>
+          )}
           <span className="flex items-center gap-2">
             <span className="flex items-center gap-0.5">
               <DownloadIcon className="h-3 w-3 text-success-400/70" />