diff --git a/components/homepage/casesearch.js b/components/homepage/casesearch.js
index 42e51c31..c4161b39 100644
--- a/components/homepage/casesearch.js
+++ b/components/homepage/casesearch.js
@@ -1,4 +1,5 @@
import Link from "next/link";
+import { useState } from "react";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
@@ -7,44 +8,61 @@ export default function CaseSearch() {
const router = useRouter();
const { locale } = router;
+ const [query, setQuery] = useState("");
+ const handleParam = (setValue) => (e) => setValue(e.target.value);
+
+ const basicSearch = (event) => {
+ event.preventDefault();
+ console.log(query);
+ // /searchresults
+
+ router.push({
+ pathname: "/searchresults",
+ query: { q: query },
+ });
+ };
+
return (
-
-
- {t("home:casesearch-card-title")}
-
-
-
- {t("home:casesearch-card-search-hint")}:
-
-
- {" "}
-
- {t("home:casesearch-card-search-example-label")}
- :
- {" "}
- APP/A1234/A/99/1234567
-
+
+
);
}
diff --git a/components/myportal/searchcases.js b/components/myportal/searchcases.js
index 92770f58..df743b8c 100644
--- a/components/myportal/searchcases.js
+++ b/components/myportal/searchcases.js
@@ -1,4 +1,5 @@
import Link from "next/link";
+import { useState } from "react";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
@@ -7,46 +8,65 @@ export default function SearchCases() {
const router = useRouter();
const { locale } = router;
+ const [query, setQuery] = useState("");
+ const handleParam = (setValue) => (e) => setValue(e.target.value);
+
+ const basicSearch = (event) => {
+ event.preventDefault();
+ console.log(query);
+ // /searchresults
+
+ router.push({
+ pathname: "/searchresults",
+ query: { q: query },
+ });
+ };
+
return (