From 571bbe235db23dd0c3d029f29c8fb034af63b9d1 Mon Sep 17 00:00:00 2001
From: Favour Chukwuedo <fchukwuedo@gmail.com>
Date: Sun, 4 Jan 2026 10:28:15 -0800
Subject: [PATCH] feat(ui): make git repository dropdown searchable (#7064)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 🏔️ Peak <122374094+peaklabs-dev@users.noreply.github.com>
---
 .../project/new/github-private-repository.blade.php | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/resources/views/livewire/project/new/github-private-repository.blade.php b/resources/views/livewire/project/new/github-private-repository.blade.php
index cbb659156..129c508a9 100644
--- a/resources/views/livewire/project/new/github-private-repository.blade.php
+++ b/resources/views/livewire/project/new/github-private-repository.blade.php
@@ -45,18 +45,11 @@
                 @if ($repositories->count() > 0)
                     <div class="flex flex-col gap-2 pb-6">
                         <div class="flex gap-2">
-                            <x-forms.select class="w-full" label="Repository" wire:model="selected_repository_id">
+                            <x-forms.datalist class="w-full" label="Repository" placeholder="Search repositories..." wire:model.live="selected_repository_id">
                                 @foreach ($repositories as $repo)
-                                    @if ($loop->first)
-                                        <option selected value="{{ data_get($repo, 'id') }}">
-                                            {{ data_get($repo, 'name') }}
-                                        </option>
-                                    @else
-                                        <option value="{{ data_get($repo, 'id') }}">{{ data_get($repo, 'name') }}
-                                        </option>
-                                    @endif
+                                    <option value="{{ data_get($repo, 'id') }}">{{ data_get($repo, 'name') }}</option>
                                 @endforeach
-                            </x-forms.select>
+                            </x-forms.datalist>
                         </div>
                         <x-forms.button wire:click.prevent="loadBranches"> Load Repository </x-forms.button>
                     </div>