diff --git a/site/source/components/BadNews.tsx b/site/source/components/BadNews.tsx
index 969a5278c..90da1f35b 100644
--- a/site/source/components/BadNews.tsx
+++ b/site/source/components/BadNews.tsx
@@ -10,81 +10,85 @@ import { Li, Ul } from '@/design-system/typography/list'
import { Body, SmallBody } from '@/design-system/typography/paragraphs'
import { useSitePaths } from '@/sitePaths'
-export default function BadNews() {
+export function BadNews() {
const { absoluteSitePaths } = useSitePaths()
return (
- }
- mini
- border={false}
- >
-
-
- Important : La mise à jour des simulateurs et le
- support utilisateur ne sont plus assurés.{' '}
- (
-
- En savoir plus.
-
- )}
- >
-
- L'équipe qui opérait les simulateurs et les assistants de
- mon-entreprise.urssaf.fr depuis plus de cinq ans a pris la
- décision d'arrêter son travail. En voici l'explication :
-
-
-
- L'équipe est composée de{' '}
- deux développeurs indépendants (travailleurs
- non salariés) ;
-
-
- Le paiement de leurs factures est bloqué{' '}
- depuis avril ;
-
-
- Le budget de développement du site, financé en totalité par
- l'Urssaf, est en{' '}
-
- forte baisse pour 2023
+
+
+
+
+
+
+ Annonce : La mise à jour des simulateurs et le
+ support utilisateur ne sont plus assurés.{' '}
+ (
+
+ En savoir plus.
- , alors que{' '}
-
- son usage est en forte hausse
-
- .
-
-
- Ce budget n'est pas suffisant pour faire
- travailler l'équipe sur l'année complète et continuer à
- développer le produit.
-
-
+ )}
+ >
+
+ L'équipe qui opérait les simulateurs et les assistants de
+ mon-entreprise.urssaf.fr depuis plus de cinq ans a pris la
+ décision d'arrêter son travail. En voici l'explication :
+
+
+
+ L'équipe est composée de{' '}
+ deux développeurs indépendants (travailleurs
+ non salariés) ;
+
+
+ Le paiement de leurs factures est bloqué{' '}
+ depuis avril ;
+
+
+ Le budget de développement du site, financé en totalité par
+ l'Urssaf, est en{' '}
+
+ forte baisse pour 2023
+
+ , alors que{' '}
+
+ son usage est en forte hausse
+
+ .
+
+
+ Ce budget n'est pas suffisant pour faire
+ travailler l'équipe sur l'année complète et continuer à
+ développer le produit.
+
+
-
- Cette situation est temporaire, et devrait{' '}
- revenir à la normale dans les prochains mois.
- Veuillez nous excuser pour la gêne occasionnée.
-
-
-
- P.S de l'équipe : On vous le dit sincèrement, ça été très dur de
- prendre cette décision. On aurait aimé continuer à faire évoluer
- ce site comme on l'a fait toutes ces années. Quoi qu'il advienne,
- on part très honoré de voir plus de 500 000 d'entre vous utiliser
- nos outils chaque mois !
-
-
-
-
-
+
+ Cette situation est temporaire, et devrait{' '}
+ revenir à la normale dans les prochains mois.
+ Veuillez nous excuser pour la gêne occasionnée.
+
+
+
+ P.S de l'équipe : On vous le dit sincèrement, ça été très dur de
+ prendre cette décision. On aurait aimé continuer à faire évoluer
+ ce site comme on l'a fait toutes ces années. Quoi qu'il
+ advienne, on part très honoré de voir plus de 500 000 d'entre
+ vous utiliser nos outils chaque mois !
+
+
+
+
+
+
)
}
diff --git a/site/source/components/SimulateurOrAssistantPage.tsx b/site/source/components/SimulateurOrAssistantPage.tsx
index e150f3cb0..c698336e3 100644
--- a/site/source/components/SimulateurOrAssistantPage.tsx
+++ b/site/source/components/SimulateurOrAssistantPage.tsx
@@ -20,7 +20,6 @@ import { Merge } from '@/types/utils'
import { NextSteps } from '../pages/simulateurs/NextSteps'
import { TrackChapter } from './ATInternetTracking'
-import BetaBanner from './BetaBanner'
export default function SimulateurOrAssistantPage() {
const { currentSimulatorData } = useCurrentSimulatorData()
@@ -81,7 +80,7 @@ export default function SimulateurOrAssistantPage() {
/>
)}
- {beta && }
+ {/* {beta && } */}
{title && !inIframe && (
<>
diff --git a/site/source/components/layout/Header.tsx b/site/source/components/layout/Header.tsx
index 4b7804371..fc0309cec 100644
--- a/site/source/components/layout/Header.tsx
+++ b/site/source/components/layout/Header.tsx
@@ -11,7 +11,7 @@ import { useDarkMode } from '@/hooks/useDarkMode'
import { useGetFullURL } from '@/hooks/useGetFullURL'
import { useSitePaths } from '@/sitePaths'
-import BadNews from '../BadNews'
+import { BadNews } from '../BadNews'
import { Appear } from '../ui/animate'
import BrowserOnly from '../utils/BrowserOnly'
import { Menu } from './Menu'
@@ -27,64 +27,71 @@ export default function Header() {
const [darkMode, setDarkMode] = useDarkMode()
return (
-
-
- {t('Aller au contenu principal')}
-
-
-
-
-
-
-
-
+ <>
+
+
+ {t('Aller au contenu principal')}
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
+
+
+
+
+
- {i18n.language === 'fr' && }
+ {i18n.language === 'fr' && }
-
-
-
+
+
+
-
- {i18n.language === 'fr' && (
-
-
-
- )}
-
-
-
+
+ {i18n.language === 'fr' && (
+
+
+
+ )}
+
+
+
+
)
}
diff --git a/site/source/design-system/message/index.stories.tsx b/site/source/design-system/message/index.stories.tsx
index 7d82705c0..dc41983be 100644
--- a/site/source/design-system/message/index.stories.tsx
+++ b/site/source/design-system/message/index.stories.tsx
@@ -1,10 +1,7 @@
import { Meta, StoryObj } from '@storybook/react'
-import { styled } from 'styled-components'
import { Message } from '@/design-system'
-import { Emoji } from '../emoji'
-import { Strong } from '../typography'
import { Body } from '../typography/paragraphs'
const meta: Meta = {
@@ -48,25 +45,3 @@ export const Alert: Story = {
),
args: { icon: true },
}
-
-export const MessageWithCustomIcon: Story = {
- render: (args) => (
-
-
- Cet outil est en version bêta : nous
- travaillons à valider les informations et les calculs,
- mais des erreurs peuvent être présentes.
-
-
- ),
- args: {
- type: 'info',
- icon: ,
- border: false,
- mini: true,
- },
-}
-
-const StyledStrong = styled(Strong)`
- color: ${({ theme }) => theme.colors.extended.info[600]};
-`
diff --git a/site/source/hooks/useIsEmbedded.tsx b/site/source/hooks/useIsEmbedded.tsx
index 5ae9c2e92..e966f30a0 100644
--- a/site/source/hooks/useIsEmbedded.tsx
+++ b/site/source/hooks/useIsEmbedded.tsx
@@ -17,7 +17,7 @@ export function EmbededContextProvider({
let isIframePath
try {
// eslint-disable-next-line react-hooks/rules-of-hooks
- isIframePath = useMatch('/iframes/')
+ isIframePath = useMatch('/iframes/*')
} catch {
try {
isIframePath = window.document.location.pathname.includes('/iframes/')
diff --git a/site/source/pages/iframes/IframeFooter.tsx b/site/source/pages/iframes/IframeFooter.tsx
index 39806c04b..62c4688a4 100644
--- a/site/source/pages/iframes/IframeFooter.tsx
+++ b/site/source/pages/iframes/IframeFooter.tsx
@@ -1,4 +1,4 @@
-import BadNews from '@/components/BadNews'
+import { BadNews } from '@/components/BadNews'
import FeedbackButton from '@/components/Feedback'
import Privacy from '@/components/layout/Footer/Privacy'
import { Spacing } from '@/design-system/layout'
@@ -12,7 +12,9 @@ export default function IframeFooter() {
}}
>
-
+