From f1778ee47d933be0d27811c591e6b914acb8b9dd Mon Sep 17 00:00:00 2001
From: Liam Johnston <liam.johnston@springload.co.nz>
Date: Fri, 5 Jul 2024 15:00:17 +1200
Subject: [PATCH] Fix react version, and reorder radios to match html

---
 .../components/SearchForm/SearchForm.tsx      | 31 ++++++++++++++-----
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/cdhweb/static_src/components/SearchForm/SearchForm.tsx b/cdhweb/static_src/components/SearchForm/SearchForm.tsx
index 3692231d..99b89f87 100644
--- a/cdhweb/static_src/components/SearchForm/SearchForm.tsx
+++ b/cdhweb/static_src/components/SearchForm/SearchForm.tsx
@@ -28,6 +28,7 @@ const SearchForm = ({ searchUrl, extraClasses }: Props): JSX.Element => {
               type="radio"
               name="filter"
               id={`${uniqueId}_everything`}
+              value="everything"
               checked
             />
             <label htmlFor={`${uniqueId}_everything`}>Everything</label>
@@ -35,20 +36,35 @@ const SearchForm = ({ searchUrl, extraClasses }: Props): JSX.Element => {
         </div>
         <div className="search-form__radio">
           <div className="radio">
-            <input type="radio" name="filter" id={`${uniqueId}_people`} />
+            <input
+              type="radio"
+              name="filter"
+              id={`${uniqueId}_people`}
+              value="people"
+            />
             <label htmlFor={`${uniqueId}_people`}>People</label>
           </div>
         </div>
         <div className="search-form__radio">
           <div className="radio">
-            <input type="radio" name="filter" id={`${uniqueId}_projects`} />
-            <label htmlFor={`${uniqueId}_projects`}>Projects</label>
+            <input
+              type="radio"
+              name="filter"
+              id={`${uniqueId}_blogs-and-news"`}
+              value="updates"
+            />
+            <label htmlFor={`${uniqueId}_blogs-and-news"`}>Blogs & news</label>
           </div>
         </div>
         <div className="search-form__radio">
           <div className="radio">
-            <input type="radio" name="filter" id={`${uniqueId}_events`} />
-            <label htmlFor={`${uniqueId}_events`}>Events</label>
+            <input
+              type="radio"
+              name="filter"
+              id={`${uniqueId}_projects`}
+              value="projects"
+            />
+            <label htmlFor={`${uniqueId}_projects`}>Projects</label>
           </div>
         </div>
         <div className="search-form__radio">
@@ -56,9 +72,10 @@ const SearchForm = ({ searchUrl, extraClasses }: Props): JSX.Element => {
             <input
               type="radio"
               name="filter"
-              id={`${uniqueId}_blogs-and-news"`}
+              id={`${uniqueId}_events`}
+              value="events"
             />
-            <label htmlFor={`${uniqueId}_blogs-and-news"`}>Blogs & news</label>
+            <label htmlFor={`${uniqueId}_events`}>Events</label>
           </div>
         </div>
       </fieldset>