David/WORKFLOW-APP
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add 'View all →' shortcut to Registrations page in Resolutions tab

Browse source
This commit is contained in:
SJCoetz 2026-07-30 18:24:23 +02:00
parent 2d06ca27d6
commit 45e017c7c3
1 changed files with 24 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
components/ResolutionExplorer.tsx
View file

@ -187,22 +187,30 @@ export default function ResolutionExplorer({ resolutions }: Props) {
<label className="block text-xs font-semibold text-muted uppercase tracking-wider mb-1.5">
Search submitted registrations
</label>
<div className="relative">
<input
className="w-full bg-surface border border-border rounded px-3 py-2.5 pr-10 text-sm text-fg placeholder-muted focus:outline-none focus:border-accent transition-colors"
placeholder="Search by reference or company name..."
value={searchQuery}
onChange={handleSearchChange}
onFocus={() => setSearchFocused(true)}
/>
{searchLoading && (
<div className="absolute right-3 top-1/2 -translate-y-1/2">
<svg className="w-4 h-4 animate-spin text-muted" fill="none" viewBox="0 0 24 24">
<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
</svg>
</div>
)}
<div className="flex gap-2">
<div className="relative flex-1">
<input
className="w-full bg-surface border border-border rounded px-3 py-2.5 pr-10 text-sm text-fg placeholder-muted focus:outline-none focus:border-accent transition-colors"
placeholder="Search by reference or company name..."
value={searchQuery}
onChange={handleSearchChange}
onFocus={() => setSearchFocused(true)}
/>
{searchLoading && (
<div className="absolute right-3 top-1/2 -translate-y-1/2">
<svg className="w-4 h-4 animate-spin text-muted" fill="none" viewBox="0 0 24 24">
<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
</svg>
</div>
)}
</div>
<a
href="/registrations"
className="flex-shrink-0 px-4 py-2 bg-surface border border-border rounded text-sm font-semibold text-fg hover:border-accent hover:text-accent no-underline transition-colors text-center"
>
View all →
</a>
</div>
{/* Search results dropdown */}