robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added search and results mocks

Browse Source
This commit is contained in:
robbond
2021-06-29 16:35:11 +01:00
parent c712d41599
commit b488caa013
35 changed files with 1581 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/homepage/casesearch.js
+42 -41
View File
@@ -3,47 +3,48 @@ import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
export default function CaseSearch() {
let { t } = useTranslation();
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="card" id="casesearch-card">
<div className="card-body">
<h3 className="heading-small card-heading">{t("home:casesearch-card-title")}</h3>
<div class="govuk-form-group">
<div id="event-name-hint" classNAme="govuk-hint ">
{t("home:casesearch-card-search-hint")}:
<br />
<span className="govuk-body-s">
{" "}
<span className="govuk-!-font-weight-bold">{t("home:casesearch-card-search-example-label")}:</span>{" "}
APP/A1234/A/99/1234567
</span>
</div>
<input
className="govuk-input"
id="event-name"
name="event-name"
type="text"
aria-describedby="event-name-hint"
/>
const router = useRouter();
const { locale } = router;
return (
<div className="card" id="casesearch-card">
<div className="card-body">
<h3 className="heading-small card-heading">
{t("home:casesearch-card-title")}
</h3>
<div class="govuk-form-group">
<div id="event-name-hint" classNAme="govuk-hint ">
{t("home:casesearch-card-search-hint")}:
<br />
<span className="govuk-body-s">
{" "}
<span className="govuk-!-font-weight-bold">
{t("home:casesearch-card-search-example-label")}
:
</span>{" "}
APP/A1234/A/99/1234567
</span>
</div>
<input
className="govuk-input"
id="event-name"
name="event-name"
type="text"
aria-describedby="event-name-hint"
/>
</div>
<div class="govuk-form-group">
<Link href="/searchresults">
<a className="govuk-button">
{t("home:casesearch-card-button")}
</a>
</Link>
</div>
<Link href="/advancedsearch">
<a>{t("home:casesearch-card-advanced-link")}</a>
</Link>
</div>
</div>
<div class="govuk-form-group">
<button
type="submit"
class="govuk-button"
data-module="govuk-button"
id="submit-search"
formnovalidate=""
>
{t("home:casesearch-card-button")}
</button>
</div>
<Link href="/">
<a>{t("home:casesearch-card-advanced-link")}</a>
</Link>
</div>
</div>
);
);
}