(BSR) feat(storybook): POC badge illustration

pass-culture · Oct 30, 2024 · aa2ca00 · aa2ca00
1 parent 18a983d
commit aa2ca00
Show file tree

Hide file tree

Showing 2 changed files with 145 additions and 0 deletions.
diff --git a/src/features/internal/cheatcodes/pages/AppComponents/Illustrations.stories.tsx b/src/features/internal/cheatcodes/pages/AppComponents/Illustrations.stories.tsx
@@ -1,9 +1,13 @@
+import { FunctionComponent } from 'react'
+
 import { IconsContainer as Illustrations } from 'features/internal/cheatcodes/pages/AppComponents/IconsContainer'
 import {
   BicolorIllustrations,
   UniqueColorIllustrations,
 } from 'features/internal/cheatcodes/pages/AppComponents/illustrationsExports'
 import { SearchCategoriesIllustrations } from 'features/search/enums'
+import { BadgeBook, BadgeBookDisabled } from 'ui/svg/icons/BadgeBook'
+import { AccessibleIcon } from 'ui/svg/icons/types'
 
 export default {
   title: 'Fondations/Illustrations',
@@ -32,3 +36,14 @@ SearchCategories.args = {
   title: 'Illustration icons should have a standard size of 140',
   icons: SearchCategoriesIllustrations,
 }
+
+const BadgesIllustrations: Record<string, FunctionComponent<AccessibleIcon>> = {
+  BadgeBook: BadgeBook as FunctionComponent<AccessibleIcon>,
+  BadgeBookDisabled: BadgeBookDisabled as FunctionComponent<AccessibleIcon>,
+}
+
+export const BadgeIllustration = Illustrations.bind({})
+BadgeIllustration.args = {
+  title: 'Exemple de conversion d’illustration pour les badges',
+  icons: BadgesIllustrations,
+}