Unverified Commit ee91bd29 authored by ViMotte's avatar ViMotte Committed by GitHub
Browse files

Merge pull request #560 from SocialGouv/add-platform-closing-warning

feat: add platform closing warning

Ajout d'un bandeau d'information indiquant la fermeture prochaine du service
parents 05bee509 6e45b640
Pipeline #95706 passed with stage
in 1 minute and 49 seconds
// @flow // @flow
import React from "react"; import React from "react";
import Link from "next/link";
import { Flex, Box } from "rebass"; import { Flex, Box, Text, Link } from "rebass";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { Wrapper } from "../commons/Grid"; import { Wrapper } from "../commons/Grid";
import { LogoLink, Logo, MenuLink } from "./Style"; import { LogoLink, Logo, MenuLink } from "./Style";
...@@ -14,36 +13,53 @@ const Header = () => { ...@@ -14,36 +13,53 @@ const Header = () => {
const isCheckLinkVisible = !isNouvelleDemarche(pathname); const isCheckLinkVisible = !isNouvelleDemarche(pathname);
return ( return (
<Box bg="white"> <>
<Wrapper> <Box bg="white">
<Flex alignItems="center" flexWrap="wrap" justifyContent="space-between"> <Wrapper>
<Box pl={3} pr={3} py={3} width={[1, 2 / 5, 1 / 3]}> <Flex alignItems="center" flexWrap="wrap" justifyContent="space-between">
<Link href="/"> <Box pl={3} pr={3} py={3} width={[1, 2 / 5, 1 / 3]}>
<LogoLink> <Link href="/">
<Logo /> <LogoLink>
Work in France <Logo />
</LogoLink> Work in France
</Link> </LogoLink>
</Box> </Link>
<Box pb={[3, 0]} pt={0} px={3} width={[1, 3 / 5, 2 / 3]}> </Box>
<Flex flexWrap="wrap" justifyContent="flex-end"> <Box pb={[3, 0]} pt={0} px={3} width={[1, 3 / 5, 2 / 3]}>
{isCheckLinkVisible && ( <Flex flexWrap="wrap" justifyContent="flex-end">
{isCheckLinkVisible && (
<Box px={0} py={1} width={[1, "auto"]}>
<Link href="/validitycheck">
<MenuLink> Vérifier une autorisation</MenuLink>
</Link>
</Box>
)}
<Box px={0} py={1} width={[1, "auto"]}> <Box px={0} py={1} width={[1, "auto"]}>
<Link href="/validitycheck"> <Link href="/faq">
<MenuLink> Vérifier une autorisation</MenuLink> <MenuLink> Questions / Réponses </MenuLink>
</Link> </Link>
</Box> </Box>
)} </Flex>
<Box px={0} py={1} width={[1, "auto"]}> </Box>
<Link href="/faq"> </Flex>
<MenuLink> Questions / Réponses </MenuLink> </Wrapper>
</Link> </Box>
</Box> <Text bg="red" color="white" p="4">
</Flex> <Wrapper>
</Box> <p>Information importante</p>
</Flex> <p>
</Wrapper> La délivrance des autorisations de travail et des autorisations provisoires de travail
</Box> pour les travailleurs et étudiants non membres de l’UE sera prise en charge à compter du
1er avril par les services préfectoraux.
</p>
<p>
Afin de permettre aux services de terminer l’instruction des dossiers en cours, il ne
sera plus possible de déposer des dossiers sur la plateforme Work in France à partir du
23 mars.
</p>
</Wrapper>
</Text>
</>
); );
}; };
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment