fix/missing-class-on-notice-title

jdirand · web-flow · commit adf196d3ffc4 · 2023-03-29T18:21:35.000+02:00
Adding the missing class "fr-notice__title" on the notice title as documented here : https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/bandeau-d-information-importante Signed-off-by: Julia Dirand <julia.dirand@gmail.com>
diff --git a/src/Notice.tsx b/src/Notice.tsx
@@ -126,7 +126,7 @@ export const Notice = memo(
             >
                 <div className="fr-container">
                     <div className="fr-notice__body">
-                        <p className={classes.title}>{title}</p>
+                        <p className={cx(fr.cx(`fr-notice__title`), classes.title)}>{title}</p>
                         {/* TODO: Use our button once we have one */}
                         {isClosable && (
                             <button

Original file line number	Diff line number	Diff line change
`@@ -126,7 +126,7 @@ export const Notice = memo(`
`126`	`126`	`>`
`127`	`127`	`<div className="fr-container">`
`128`	`128`	`<div className="fr-notice__body">`
`129`		`- <p className={classes.title}>{title}</p>`
	`129`	+ <p className={cx(fr.cx(`fr-notice__title`), classes.title)}>{title}</p>
`130`	`130`	`{/* TODO: Use our button once we have one */}`
`131`	`131`	`{isClosable && (`
`132`	`132`	`<button`