From 3951a875a5c7619196239ce5f288f832d2f51224 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Thu, 31 Mar 2022 23:29:17 +0200 Subject: chore: add a CC BY SA svg icon component --- src/components/atoms/icons/cc-by-sa.module.scss | 7 +++++ src/components/atoms/icons/cc-by-sa.stories.tsx | 16 +++++++++++ src/components/atoms/icons/cc-by-sa.test.tsx | 9 ++++++ src/components/atoms/icons/cc-by-sa.tsx | 38 +++++++++++++++++++++++++ 4 files changed, 70 insertions(+) create mode 100644 src/components/atoms/icons/cc-by-sa.module.scss create mode 100644 src/components/atoms/icons/cc-by-sa.stories.tsx create mode 100644 src/components/atoms/icons/cc-by-sa.test.tsx create mode 100644 src/components/atoms/icons/cc-by-sa.tsx (limited to 'src') diff --git a/src/components/atoms/icons/cc-by-sa.module.scss b/src/components/atoms/icons/cc-by-sa.module.scss new file mode 100644 index 0000000..e1b2100 --- /dev/null +++ b/src/components/atoms/icons/cc-by-sa.module.scss @@ -0,0 +1,7 @@ +@use "@styles/abstracts/functions" as fun; + +.icon { + display: block; + width: var(--icon-size, #{fun.convert-px(60)}); + fill: var(--color-fg); +} diff --git a/src/components/atoms/icons/cc-by-sa.stories.tsx b/src/components/atoms/icons/cc-by-sa.stories.tsx new file mode 100644 index 0000000..42a93c9 --- /dev/null +++ b/src/components/atoms/icons/cc-by-sa.stories.tsx @@ -0,0 +1,16 @@ +import { ComponentMeta, ComponentStory } from '@storybook/react'; +import { IntlProvider } from 'react-intl'; +import CCBySAIcon from './cc-by-sa'; + +export default { + title: 'Atoms/Icons', + component: CCBySAIcon, +} as ComponentMeta; + +const Template: ComponentStory = (args) => ( + + + +); + +export const CCBySA = Template.bind({}); diff --git a/src/components/atoms/icons/cc-by-sa.test.tsx b/src/components/atoms/icons/cc-by-sa.test.tsx new file mode 100644 index 0000000..03d54f7 --- /dev/null +++ b/src/components/atoms/icons/cc-by-sa.test.tsx @@ -0,0 +1,9 @@ +import { render } from '@test-utils'; +import CCBySA from './cc-by-sa'; + +describe('CCBySA', () => { + it('renders a CC BY SA icon', () => { + const { container } = render(); + expect(container).toBeDefined(); + }); +}); diff --git a/src/components/atoms/icons/cc-by-sa.tsx b/src/components/atoms/icons/cc-by-sa.tsx new file mode 100644 index 0000000..adc8b79 --- /dev/null +++ b/src/components/atoms/icons/cc-by-sa.tsx @@ -0,0 +1,38 @@ +import { FC } from 'react'; +import { useIntl } from 'react-intl'; +import styles from './cc-by-sa.module.scss'; + +/** + * CCBySA component + * + * Render a CC BY SA svg icon. + */ +const CCBySA: FC = () => { + const intl = useIntl(); + + return ( + + + {intl.formatMessage({ + defaultMessage: 'CC BY SA', + description: 'CCBySA: icon title', + id: 'cl7YNU', + })} + + + + + + + + + + + ); +}; + +export default CCBySA; -- cgit v1.2.3