etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/icons/index.tsx
View File

@@ -257,6 +257,22 @@ export const ChartIcon = ({ className }: IconProps) => (
<PiChartBar className={cn('h-4 w-4', className)} />
);
// 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) => (
<svg
className={cn('h-5 w-5', className)}
fill="currentColor"
viewBox="0 0 35 35"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M16.6961 15.2606L16.5825 3.49701C16.5718 2.38439 15.025 2.11843 14.6433 3.16356L11.7279 11.1447C11.6384 11.3898 11.4566 11.5902 11.2213 11.7031L5.66765 14.3687C4.70841 14.8291 5.03635 16.2703 6.10036 16.2703H15.6962C16.2522 16.2703 16.7015 15.8166 16.6961 15.2606Z" />
<path d="M18.6471 15.2703V5.88936C18.6471 4.84679 20.0428 4.49998 20.5308 5.4213L23.5833 11.1845C23.7 11.4049 23.8948 11.5737 24.1296 11.6578L31.5829 14.3289C32.6388 14.7073 32.3671 16.2703 31.2455 16.2703H19.6471C19.0948 16.2703 18.6471 15.8226 18.6471 15.2703Z" />
<path d="M18.6471 31.4643V19.3784C18.6471 18.8261 19.0948 18.3784 19.6471 18.3784H29.2853C30.3376 18.3784 30.676 19.7947 29.7374 20.2704L24.1129 23.1208C23.889 23.2343 23.716 23.4278 23.6281 23.663L20.5839 31.8141C20.1941 32.8578 18.6471 32.5783 18.6471 31.4643Z" />
<path d="M16.7059 28.9873V19.3784C16.7059 18.8261 16.2582 18.3784 15.7059 18.3784H3.83963C2.71522 18.3784 2.44656 19.9473 3.50691 20.3214L11.5457 23.1578C11.7987 23.247 12.0052 23.4342 12.1188 23.6772L14.8 29.4109C15.2531 30.3797 16.7059 30.0568 16.7059 28.9873Z" />
</svg>
);
export const GlobeIcon = ({ className }: IconProps) => (
<PiGlobe className={cn('h-5 w-5', className)} />
);

17
src/pages/AdminRemnawave.tsx
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>