dashboard: Add search box and link to URL

Adds an input form for searching job names. Searches are appended to the URL. Fixes kata-containers#4 Signed-off-by: Anna Finn <[email protected]>
a1icja · Dec 6, 2024 · cee8258 · cee8258
1 parent 7549895
commit cee8258
Show file tree

Hide file tree

Showing 2 changed files with 417 additions and 84 deletions.
diff --git a/components/searchForm.js b/components/searchForm.js
@@ -0,0 +1,14 @@
+export const SearchForm = ({ handleSearch }) => {
+    return (
+        <div className="flex flex-col items-center md:text-base text-xs">
+            <div className="flex min-[1126px]:justify-end justify-center w-full"> 
+            <form className="p-2 bg-gray-700 rounded-md flex flex-row" onSubmit={(e) => handleSearch(e)}> 
+                <div className="mx-2">
+                    <label className="block text-white">Search Text:</label>
+                    <input type="text" name="value" required></input>
+                </div>
+            </form>
+            </div>
+        </div>
+    );
+};