chore: Refactor GitHub app selection UI in project creation form

This commit is contained in:
Andras Bacsai 2024-05-15 11:34:59 +02:00
parent 3f1b7192ff
commit 444dffb458

View File

@ -19,22 +19,25 @@
<h2 class="pt-4 pb-4">Select a Github App</h2> <h2 class="pt-4 pb-4">Select a Github App</h2>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
@if ($current_step === 'github_apps') @if ($current_step === 'github_apps')
<div class="flex flex-row justify-center gap-2 text-left"> <div class="flex flex-col justify-center gap-2 text-left">
@foreach ($github_apps as $ghapp) @foreach ($github_apps as $ghapp)
<div class="w-full gap-2 py-4 bg-white cursor-pointer group hover:bg-coollabs dark:bg-coolgray-200 box" <div class="flex">
wire:click.prevent="loadRepositories({{ $ghapp->id }})" wire:key="{{ $ghapp->id }}"> <div class="w-full gap-2 py-4 bg-white cursor-pointer group hover:bg-coollabs dark:bg-coolgray-200 box"
<div class="flex mr-4"> wire:click.prevent="loadRepositories({{ $ghapp->id }})"
<div class="flex flex-col mx-6"> wire:key="{{ $ghapp->id }}">
<div class="box-title"> <div class="flex mr-4">
{{ data_get($ghapp, 'name') }} <div class="flex flex-col mx-6">
<div class="box-title">
{{ data_get($ghapp, 'name') }}
</div>
<div class="box-description">
{{ data_get($ghapp, 'html_url') }}</div>
</div> </div>
<div class="box-description">
{{ data_get($ghapp, 'html_url') }}</div>
</div> </div>
</div> </div>
</div> <div class="flex flex-col items-center justify-center">
<div class="flex flex-col items-center justify-center"> <x-loading wire:loading wire:target="loadRepositories({{ $ghapp->id }})" />
<x-loading wire:loading wire:target="loadRepositories({{ $ghapp->id }})" /> </div>
</div> </div>
@endforeach @endforeach
</div> </div>