style: Move VPN above Firewall in sidebar

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-09 23:42:34 +00:00
parent b0a3e2f1f1
commit c9732ffa7f
2 changed files with 4 additions and 4 deletions

View File

@@ -58,8 +58,8 @@ export function AppSidebar() {
]; ];
const centralItems = [ const centralItems = [
{ to: '/central/firewall', icon: Shield, label: 'Firewall' },
{ to: '/central/vpn', icon: Lock, label: 'VPN' }, { to: '/central/vpn', icon: Lock, label: 'VPN' },
{ to: '/central/firewall', icon: Shield, label: 'Firewall' },
{ to: '/central/crowdsec', icon: ShieldAlert, label: 'CrowdSec' }, { to: '/central/crowdsec', icon: ShieldAlert, label: 'CrowdSec' },
{ to: '/central/dhcp', icon: Wifi, label: 'DHCP' }, { to: '/central/dhcp', icon: Wifi, label: 'DHCP' },
]; ];

View File

@@ -262,7 +262,7 @@ export function CrowdSecComponent() {
</p> </p>
)} )}
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
{status.machines.length > 0 && `${status.machines.length} k8s agent${status.machines.length !== 1 ? 's' : ''} reporting. `} {status.machines.length > 0 && `${status.machines.length} agent${status.machines.length !== 1 ? 's' : ''} reporting. `}
{status.bouncers.length > 0 && `${status.bouncers.length} enforcement point${status.bouncers.length !== 1 ? 's' : ''} active.`} {status.bouncers.length > 0 && `${status.bouncers.length} enforcement point${status.bouncers.length !== 1 ? 's' : ''} active.`}
</p> </p>
</> </>
@@ -392,7 +392,7 @@ export function CrowdSecComponent() {
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<p className="text-sm text-muted-foreground mb-3"> <p className="text-sm text-muted-foreground mb-3">
Attack events detected by your k8s agents and reported to this LAPI. Each event results in a ban Attack events detected by your agents and reported to this LAPI. Each event results in a ban
that is shared with the CrowdSec community. that is shared with the CrowdSec community.
</p> </p>
{isLoadingAlerts ? ( {isLoadingAlerts ? (
@@ -404,7 +404,7 @@ export function CrowdSecComponent() {
<Shield className="h-10 w-10 text-muted-foreground mx-auto mb-2" /> <Shield className="h-10 w-10 text-muted-foreground mx-auto mb-2" />
<p className="text-sm text-muted-foreground">No detections yet.</p> <p className="text-sm text-muted-foreground">No detections yet.</p>
<p className="text-xs text-muted-foreground mt-1"> <p className="text-xs text-muted-foreground mt-1">
Events appear here when k8s agents detect and report attacks. The community blocklist Events appear here when agents detect and report attacks. The community blocklist
(CAPI) is already protecting you even before local detections. (CAPI) is already protecting you even before local detections.
</p> </p>
</div> </div>