feat(admin-remnawave): add node/xray version icons like the panel

The panel marks each node version with its product logo. Add an XrayIcon (the Xray core brand pinwheel, custom SVG like RemnawaveIcon) and put RemnawaveIcon before the remnanode version + XrayIcon before the xray version, matching the original node rows. Drop the redundant 'xray' word since the logo conveys it.
This commit is contained in:
c0mrade
2026-06-01 14:43:11 +03:00
parent 297d75a92c
commit 1b1046bb5c
2 changed files with 30 additions and 3 deletions

View File

@@ -47,6 +47,7 @@ import {
StopIcon,
ArrowPathIcon,
RemnawaveIcon,
XrayIcon,
DownloadIcon,
UploadIcon,
SubscriptionIcon,
@@ -366,9 +367,19 @@ function NodeCard({ node, providerName, realtime, onAction, isLoading }: NodeCar
</span>
</span>
{(node.versions?.node || node.versions?.xray) && (
<span className="flex w-full items-center gap-2 text-dark-600 sm:ml-auto sm:w-auto">
{node.versions?.node && <span>{node.versions.node}</span>}
{node.versions?.xray && <span>xray {node.versions.xray}</span>}
<span className="flex w-full items-center gap-2.5 text-dark-600 sm:ml-auto sm:w-auto">
{node.versions?.node && (
<span className="flex items-center gap-1" title="remnanode">
<RemnawaveIcon className="h-3 w-3" />
{node.versions.node}
</span>
)}
{node.versions?.xray && (
<span className="flex items-center gap-1" title="xray core">
<XrayIcon className="h-3 w-3" />
{node.versions.xray}
</span>
)}
</span>
)}
</div>