From 45e017c7c3c78becdf72ac91eb494a67828b5b9c Mon Sep 17 00:00:00 2001
From: SJCoetz <s.coetzee6@my.milpark.ac.za>
Date: Thu, 30 Jul 2026 18:24:23 +0200
Subject: [PATCH] =?UTF-8?q?Add=20'View=20all=20=E2=86=92'=20shortcut=20to?=
 =?UTF-8?q?=20Registrations=20page=20in=20Resolutions=20tab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ResolutionExplorer.tsx | 40 ++++++++++++++++++-------------
 1 file changed, 24 insertions(+), 16 deletions(-)

diff --git a/components/ResolutionExplorer.tsx b/components/ResolutionExplorer.tsx
index aaae831..2a2c5f6 100644
--- a/components/ResolutionExplorer.tsx
+++ b/components/ResolutionExplorer.tsx
@@ -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 */}