Fix react version, and reorder radios to match html

springload · Jul 5, 2024 · f1778ee · f1778ee
1 parent 316e337
commit f1778ee
Showing 1 changed file with 24 additions and 7 deletions.
diff --git a/cdhweb/static_src/components/SearchForm/SearchForm.tsx b/cdhweb/static_src/components/SearchForm/SearchForm.tsx
@@ -28,37 +28,54 @@ const SearchForm = ({ searchUrl, extraClasses }: Props): JSX.Element => {
               type="radio"
               name="filter"
               id={`${uniqueId}_everything`}
+              value="everything"
               checked
             />
             <label htmlFor={`${uniqueId}_everything`}>Everything</label>
           </div>
         </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">
           <div className="radio">
             <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>