applied variables and buttons styles

This commit is contained in:
2021-07-02 12:19:54 +01:00
parent 2a9fb1a364
commit a350c45100
12 changed files with 335 additions and 215 deletions
+1 -1
View File
@@ -28,7 +28,7 @@ const Home = (props) => {
{t("search:page-title")} - {t("common:service-name")}
</title>
</Head>
<div className="">
<div id="page_wrapper">
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
+1 -1
View File
@@ -29,7 +29,7 @@ const Home = (props) => {
{t("case:page-title")} - {t("common:service-name")}
</title>
</Head>
<div className="">
<div id="page_wrapper">
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
+20 -21
View File
@@ -1,4 +1,3 @@
import _ from "lodash";
import Head from "next/head";
import Header from "../components/header";
@@ -16,28 +15,28 @@ import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t,lang } = useTranslation();
const { footerLinks, pages } = props;
let { t, lang } = useTranslation();
const router = useRouter();
const { locale } = router;
const router = useRouter();
const { locale } = router;
return (
<div>
<Head>
<title>{t("common:service-name")}</title>
</Head>
<div className="">
<CookieBanner />
<Header courseName="Appeals Casework Portal" />
<div className="govuk-width-container">
<Banner />
<Main pages={pages} />
return (
<div>
<Head>
<title>{t("common:service-name")}</title>
</Head>
<div id="page_wrapper">
<CookieBanner />
<Header courseName="Appeals Casework Portal" />
<div className="govuk-width-container">
<Banner />
<Main pages={pages} />
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
);
};
// export const getServerSideProps = wrapper.getServerSideProps(
@@ -74,4 +73,4 @@ const Home = (props) => {
// };
// };
export default Home//connect(mapStateToProps)(Home);
export default Home; //connect(mapStateToProps)(Home);
+22 -21
View File
@@ -15,28 +15,30 @@ import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t,lang } = useTranslation();
const { footerLinks, pages } = props;
let { t, lang } = useTranslation();
const router = useRouter();
const { locale } = router;
const router = useRouter();
const { locale } = router;
return (
<div>
<Head>
<title>{t("myportal:page-title")} - {t("common:service-name")}</title>
</Head>
<div className="">
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<MyPortal/>
return (
<div>
<Head>
<title>
{t("myportal:page-title")} - {t("common:service-name")}
</title>
</Head>
<div id="page_wrapper">
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<MyPortal />
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
);
};
// export const getServerSideProps = wrapper.getServerSideProps(
@@ -73,5 +75,4 @@ const Home = (props) => {
// };
// };
export default Home//connect(mapStateToProps)(Home);
export default Home; //connect(mapStateToProps)(Home);
+1 -1
View File
@@ -28,7 +28,7 @@ const Home = (props) => {
{t("search:page-title")} - {t("common:service-name")}
</title>
</Head>
<div className="">
<div id="page_wrapper">
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">