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

update search card

Browse Source
This commit is contained in:
robbond
2024-04-22 13:14:19 +01:00
parent 695a16c5a6
commit 1b8db8044d
2 changed files with 76 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/homepage/casesearch.js
+12 -5
View File
@@ -105,11 +105,6 @@ let CaseSearch = (props) => {
<Field <Field
validate={[ validate={[
required(
t(
"home:casesearch-search-validation-required"
)
),
minLength( minLength(
t( t(
"home:casesearch-search-validation-minlength" "home:casesearch-search-validation-minlength"
@@ -136,6 +131,18 @@ let CaseSearch = (props) => {
{t("home:casesearch-card-button")} {t("home:casesearch-card-button")}
</button> </button>
</div> </div>
<Link
href={
router.locale == "cy"
? "/chwiliadcyfeiriadau"
: "/addresssearch"
}
className="govuk-link--no-underline"
>
{t("common:breadcrumb-address-search")}
</Link>
{router.locale == "cy" ? " neu " : " or "}
<Link <Link
href={ href={
router.locale == "cy" router.locale == "cy"
components/myportal/searchcases.js
+64 -53
View File
@@ -95,62 +95,73 @@ let CaseSearch = (props) => {
}); });
}; };
return <> return (
<div className="card" id="casesearch-card"> <>
<form onSubmit={handleSubmit(onHandleSubmit)}> <div className="card" id="casesearch-card">
<div className="card-body"> <form onSubmit={handleSubmit(onHandleSubmit)}>
<h3 className="heading-small card-heading"> <div className="card-body">
{t("myportal:searchcases-card-title")} <h3 className="heading-small card-heading">
</h3> {t("myportal:searchcases-card-title")}
</h3>
<Field <Field
validate={[ validate={[
required( required(
t( t(
"myportal:searchcases-validation-required" "myportal:searchcases-validation-required"
) )
), ),
minLength( minLength(
t( t(
"myportal:searchcases-validation-minlength" "myportal:searchcases-validation-minlength"
) )
), ),
]} ]}
className="govuk-input" className="govuk-input"
component={RenderTextfield} component={RenderTextfield}
id="basicSearch" id="basicSearch"
name="basicSearch" name="basicSearch"
type="text" type="text"
aria-describedby="basicSearch-hint" aria-describedby="basicSearch-hint"
hint1={t("myportal:searchcases-card-search-hint")} hint1={t("myportal:searchcases-card-search-hint")}
hint2={t( hint2={t(
"myportal:searchcases-card-search-example-label-1" "myportal:searchcases-card-search-example-label-1"
)} )}
hint3={t( hint3={t(
"myportal:searchcases-card-search-example-label-2" "myportal:searchcases-card-search-example-label-2"
)} )}
/> />
<div className="govuk-form-group"> <div className="govuk-form-group">
<button type="submit" className="govuk-button"> <button type="submit" className="govuk-button">
{t("myportal:searchcases-card-button")} {t("myportal:searchcases-card-button")}
</button> </button>
</div>
<Link
href={
router.locale == "cy"
? "/myportal/addresssearch"
: "/myportal/addresssearch"
}
className="govuk-link--no-underline"
>
{t("common:breadcrumb-address-search")}
</Link>
{router.locale == "cy" ? " neu " : " or "}
<Link
href={
router.locale == "cy"
? "/fymhorth/chwiliouwch"
: "/myportal/advancedsearch"
}
>
{t("myportal:searchcases-card-advanced-link")}
</Link>
</div> </div>
<Link </form>
href={ </div>
router.locale == "cy" </>
? "/fymhorth/chwiliouwch" );
: "/myportal/advancedsearch"
}
>
{t("myportal:searchcases-card-advanced-link")}
</Link>
</div>
</form>
</div>
</>;
}; };
const mapStateToProps = (state) => { const mapStateToProps = (state) => {