diff --git a/apps/tax/pages/_app.tsx b/apps/tax/pages/_app.tsx index e0d17af3..17938b02 100644 --- a/apps/tax/pages/_app.tsx +++ b/apps/tax/pages/_app.tsx @@ -1,15 +1,19 @@ import React, { FC } from 'react' import Head from 'next/head' +import { useRouter } from 'next/router' import { Header } from '@island.is/tax/components' const Layout: FC> = ({ children }) => { + const router = useRouter() + + const hideHeader = router.pathname === '/login' return (
Ísland.is -
+ {!hideHeader &&
} {children}
) diff --git a/apps/tax/pages/login/index.tsx b/apps/tax/pages/login/index.tsx new file mode 100644 index 00000000..dadb236d --- /dev/null +++ b/apps/tax/pages/login/index.tsx @@ -0,0 +1,116 @@ +import React from 'react' +import router from 'next/router' + +import { Box, Button, Input, Link, Logo, Text } from '@island.is/island-ui/core' +import { formWrapper } from '@island.is/tax/screens/Tax/login/Login.css' + +export async function getServerSideProps() { + const taxData = { + country: 'test', + vatRate: 10, + description: 'test', + } + + return { + props: { + taxInfo: taxData, + }, + } +} + +const Login = ({ loginInfo }) => { + return ( + + + + + + + Rafræn skilríki í síma + + + Skráðu þig inn + + + á mínar síður Ísland.is + + + + + + + + + + + Fleiri leiðir + + + + + + + + + + + + English + + + Þarftu aðstoð? + + + + ) +} + +export default Login diff --git a/apps/tax/screens/Home.tsx b/apps/tax/screens/Home.tsx index f2b40c5a..91ab9a53 100644 --- a/apps/tax/screens/Home.tsx +++ b/apps/tax/screens/Home.tsx @@ -185,7 +185,7 @@ const Home = () => { cta={{ label: 'Sækja um', variant: 'primary', - onClick: () => router.push('tax') + onClick: () => router.push('login') }} heading="Umsókn um atvinnuleysisbætur" headingVariant="h3" diff --git a/apps/tax/screens/Tax/login/Login.css.ts b/apps/tax/screens/Tax/login/Login.css.ts new file mode 100644 index 00000000..83747bdc --- /dev/null +++ b/apps/tax/screens/Tax/login/Login.css.ts @@ -0,0 +1,8 @@ +import { style } from '@vanilla-extract/css' + +export const formWrapper = style({ + width: 750, + padding: 50, + marginLeft: 'auto', + marginRight: 'auto', +})