54 lines
2.0 KiB
JavaScript
54 lines
2.0 KiB
JavaScript
import useTranslation from "next-translate/useTranslation";
|
|
import Link from "next/link";
|
|
import { useRouter } from "next/router";
|
|
|
|
export default function MakeNewAppeal() {
|
|
let { t } = useTranslation();
|
|
|
|
const router = useRouter();
|
|
const { locale } = router;
|
|
return (
|
|
<div className="card" id="new-appeal-card">
|
|
<div className="card-body">
|
|
<h2 className="govuk-heading-s">
|
|
{t("myportal:makenewappeal-card-title")}
|
|
</h2>
|
|
<p className="govuk-body-s">
|
|
{t("myportal:makenewappeal-card-paragraph-one")}{" "}
|
|
<Link href={t("myportal:makenewappeal-card-guidance-link")}>
|
|
{t("myportal:makenewappeal-card-link-label")}
|
|
</Link>
|
|
</p>
|
|
<p className="govuk-body-s">
|
|
{t("myportal:makenewappeal-card-paragraph-two")}
|
|
</p>
|
|
<div>
|
|
<Link href={"/newappeal"} className="govuk-button">
|
|
{t("myportal:makenewappeal-card-button-label")}
|
|
</Link>
|
|
</div>
|
|
<p className="govuk-body-s govuk govuk-!-margin-top-5">
|
|
{t("myportal:makenewappeal-card-paragraph-three")}
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
{" "}
|
|
{t(
|
|
"myportal:makenewappeal-card-paragraph-three-bullet-one"
|
|
)}
|
|
</li>
|
|
<li>
|
|
{" "}
|
|
{t(
|
|
"myportal:makenewappeal-card-paragraph-three-bullet-two"
|
|
)}
|
|
</li>
|
|
</ul>
|
|
<p className="govuk-body-s govuk govuk-!-margin-top-5">
|
|
{t("myportal:makenewappeal-card-paragraph-four")}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|