diff --git a/src/components/icons/index.tsx b/src/components/icons/index.tsx index 0fa9967..1b71d56 100644 --- a/src/components/icons/index.tsx +++ b/src/components/icons/index.tsx @@ -257,6 +257,22 @@ export const ChartIcon = ({ className }: IconProps) => ( ); +// Xray core brand logo (4-blade pinwheel) — matches the panel's node rows. +// Not a Phosphor glyph; kept custom like RemnawaveIcon for brand fidelity. +export const XrayIcon = ({ className }: IconProps) => ( + + + + + + +); + export const GlobeIcon = ({ className }: IconProps) => ( ); diff --git a/src/pages/AdminRemnawave.tsx b/src/pages/AdminRemnawave.tsx index bf9b64d..112a90d 100644 --- a/src/pages/AdminRemnawave.tsx +++ b/src/pages/AdminRemnawave.tsx @@ -47,6 +47,7 @@ import { StopIcon, ArrowPathIcon, RemnawaveIcon, + XrayIcon, DownloadIcon, UploadIcon, SubscriptionIcon, @@ -366,9 +367,19 @@ function NodeCard({ node, providerName, realtime, onAction, isLoading }: NodeCar {(node.versions?.node || node.versions?.xray) && ( - - {node.versions?.node && {node.versions.node}} - {node.versions?.xray && xray {node.versions.xray}} + + {node.versions?.node && ( + + + {node.versions.node} + + )} + {node.versions?.xray && ( + + + {node.versions.xray} + + )} )}