Add mobile-only payment search for Ladill Mini.
Deploy Ladill Mini / deploy (push) Successful in 24s

Wire the mobile search tab to a payments search page and remove desktop header search shortcuts.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-08 21:47:33 +00:00
co-authored by Cursor
parent 4c2ce5526f
commit 7ffa44b128
7 changed files with 80 additions and 42 deletions
+2 -11
View File
@@ -65,8 +65,8 @@
@include('partials.mobile-bottom-nav', [
'homeUrl' => route('mini.dashboard'),
'homeActive' => request()->routeIs('mini.dashboard'),
'searchUrl' => route('mini.payment-qrs.index'),
'searchActive' => request()->routeIs('mini.payment-qrs.*'),
'searchUrl' => route('mini.search'),
'searchActive' => request()->routeIs('mini.search'),
'notificationsUrl' => route('notifications.index'),
'notificationsActive' => request()->routeIs('notifications.*'),
'unreadUrl' => route('notifications.unread'),
@@ -257,15 +257,6 @@ document.addEventListener('alpine:init', () => {
},
}));
});
// Global "/" shortcut to focus search
document.addEventListener('keydown', (e) => {
if (e.key === '/' && !['INPUT','TEXTAREA','SELECT'].includes(document.activeElement.tagName) && !document.activeElement.isContentEditable) {
e.preventDefault();
const input = document.querySelector('[x-data*="topbarSearch"] input');
if (input) input.focus();
}
});
</script>
@include('partials.afia')
@include('partials.sso-keepalive')
@@ -11,6 +11,7 @@
if ($profileMenuItems === [] && $profileUrl !== '#') {
$profileMenuItems = [['type' => 'link', 'label' => 'Profile', 'href' => $profileUrl]];
}
$searchLabel = $searchLabel ?? 'Search';
$navActive = fn (bool $active) => $active ? 'text-indigo-600' : 'text-slate-600';
@endphp
<div x-data="{ profileOpen: false }" class="lg:hidden">
@@ -26,7 +27,7 @@
<a href="{{ $searchUrl }}"
class="flex flex-col items-center justify-center gap-1 px-2 py-2 transition hover:text-slate-900 {{ $navActive($searchActive ?? false) }}">
<svg class="h-6 w-6" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/></svg>
<span class="text-[10px] font-medium">Search</span>
<span class="text-[10px] font-medium">{{ $searchLabel }}</span>
</a>
@if (!empty($centerCompose))
+5 -5
View File
@@ -4,10 +4,10 @@
@include('partials.search-screen', [
'query' => $query,
'results' => $results,
'backUrl' => route('events.dashboard'),
'searchUrl' => route('events.search'),
'heading' => 'Find events and programmes',
'placeholder' => 'Search events, programmes, short codes…',
'emptyHint' => 'Use at least 2 characters to search event names, programme titles, or short codes.',
'backUrl' => route('mini.dashboard'),
'searchUrl' => route('mini.search'),
'heading' => 'Find payments',
'placeholder' => 'Search payer, note, reference, QR…',
'emptyHint' => 'Use at least 2 characters to search payer names, notes, references, or QR labels.',
])
</x-user-layout>