fix(ui): show GitLab Connected badge beside title

Match application status layout by placing the Connected badge next to
the page heading, and drop the redundant Disconnect action (re-auth is
done via Connect after tokens expire or credentials are updated).
This commit is contained in:
Andras Bacsai
2026-07-21 21:19:48 +02:00
parent 9299340944
commit 94c3129ad1
2 changed files with 4 additions and 29 deletions
-18
View File
@@ -319,24 +319,6 @@ class Change extends Component
}
}
public function disconnect()
{
try {
$this->authorize('update', $this->gitlab_app);
$this->gitlab_app->update([
'access_token' => null,
'refresh_token' => null,
'expires_at' => null,
]);
$this->isConnected = false;
$this->dispatch('success', 'GitLab App disconnected.');
} catch (\Throwable $e) {
return handleError($e, $this);
}
}
public function delete()
{
try {
@@ -2,7 +2,10 @@
@if ($isConnected)
<form wire:submit='submit'>
<div class="flex flex-col sm:flex-row sm:items-center gap-2">
<h1>GitLab App</h1>
<div class="flex items-center gap-2">
<h1>GitLab App</h1>
<x-status-badge status="Connected" type="success" />
</div>
<div class="flex gap-2">
<x-forms.button canGate="update" :canResource="$gitlab_app" type="submit">Save</x-forms.button>
<x-forms.button wire:click.prevent="testConnection">Test Connection</x-forms.button>
@@ -17,16 +20,6 @@
</div>
</div>
<div class="subtitle">Your GitLab App for private repositories.</div>
<div class="flex items-center gap-2 mb-4">
<span class="inline-flex items-center gap-1 px-2 py-1 text-xs font-medium rounded bg-success/10 text-success">
<svg class="w-3 h-3" fill="currentColor" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg>
Connected
</span>
<x-forms.button wire:click.prevent="disconnect"
class="bg-transparent border-transparent hover:bg-transparent hover:border-transparent hover:underline text-xs">
Disconnect
</x-forms.button>
</div>
<div class="flex flex-col gap-2">
<x-forms.input canGate="update" :canResource="$gitlab_app" id="name" label="Name" />
@if (!isCloud())