diff --git a/site/source/Provider.tsx b/site/source/Provider.tsx index fa77affaf..1ec16de30 100644 --- a/site/source/Provider.tsx +++ b/site/source/Provider.tsx @@ -13,7 +13,7 @@ import { Body, Intro } from 'DesignSystem/typography/paragraphs' import { createBrowserHistory } from 'history' import i18next from 'i18next' import 'iframe-resizer' -import React, { createContext, useMemo } from 'react' +import React, { createContext, useEffect, useMemo, useState } from 'react' import { HelmetProvider } from 'react-helmet-async' import { I18nextProvider } from 'react-i18next' import { Provider as ReduxProvider } from 'react-redux' @@ -89,6 +89,23 @@ export type ProviderProps = { reduxMiddlewares?: Array } +const HideLoader = () => { + const [CSS, setCSS] = useState() + // Remove loader when page is load + useEffect(() => { + setCSS(` + #js { + animation: appear 0.5s; + opacity: 1; + } + #loading { + display: none !important; + }`) + }, []) + + return +} + export default function Provider({ basename, reduxMiddlewares = [], @@ -113,28 +130,16 @@ export default function Provider({ }, []) onStoreCreated?.(store) - // Remove loader - const css = document.createElement('style') - css.type = 'text/css' - css.innerHTML = ` -#js { - animation: appear 0.5s; - opacity: 1; -} -#loading { - display: none !important; -}` - document.body.appendChild(css) - return ( - <> - - - - + + + + + + logo service mon-entreprise urssaf -

Une erreur est survenue

- - L'équipe technique mon-entreprise a été automatiquement - prévenue. - - - Vous pouvez également nous contacter directement à l'adresse{' '} - - contact@mon-entreprise.beta.gouv.fr - {' '} - si vous souhaitez partager une remarque. Veuillez nous excuser - pour la gêne occasionnée. - - - - } + +

Une erreur est survenue

+ + L'équipe technique mon-entreprise a été automatiquement + prévenue. + + + Vous pouvez également nous contacter directement à l'adresse{' '} + + contact@mon-entreprise.beta.gouv.fr + {' '} + si vous souhaitez partager une remarque. Veuillez nous excuser + pour la gêne occasionnée. + + + + } + > + - - - - - - - - - - - - <>{children} - - - - - - - - - - - - - - + + + + + + + + + + + <>{children} + + + + + + + + + + + + + ) }