feat(dashboard): link the active server name + IP to its detail page

When a server is active, the server name and IP status-pill are now clickable
links to that server's detail page using wire:navigate. When no server is active,
both display as plain text to maintain readability.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
feat/v1-foundation
boban 2026-06-20 20:41:59 +02:00
parent a1b37751a0
commit 9bb349dd9c
1 changed files with 14 additions and 2 deletions

View File

@ -20,10 +20,22 @@
{{-- Header --}}
<div class="flex flex-wrap items-end justify-between gap-3">
<div>
<p class="font-mono text-[11px] uppercase tracking-[0.2em] text-accent-text">{{ $active?->name ?? '—' }}</p>
@if ($active)
<a href="{{ route('servers.show', $active) }}" wire:navigate class="transition-colors hover:text-accent">
<p class="font-mono text-[11px] uppercase tracking-[0.2em] text-accent-text">{{ $active->name }}</p>
</a>
@else
<p class="font-mono text-[11px] uppercase tracking-[0.2em] text-accent-text"></p>
@endif
<h2 class="mt-0.5 font-display text-xl font-semibold text-ink sm:text-2xl">{{ __('dashboard.heading') }}</h2>
</div>
<x-status-pill :status="$active?->status ?? 'offline'">{{ $active?->ip ?? '—' }}</x-status-pill>
@if ($active)
<a href="{{ route('servers.show', $active) }}" wire:navigate class="transition-opacity hover:opacity-80">
<x-status-pill :status="$active->status">{{ $active->ip }}</x-status-pill>
</a>
@else
<x-status-pill :status="'offline'"></x-status-pill>
@endif
</div>
{{-- KPI tiles with sparklines (active server) --}}