From 70b4f633a6fbedb58c8b9134ac64ede854d489de Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 20 Nov 2023 12:27:46 +0100 Subject: refactor(components): replace PageLayout template with Page * split pages in smaller components (it is both easier to maintain and more readable, we avoid the use of fragments in pages directory) * extract breadcrumbs from article tag (the navigation is not related to the page contents) * remove useReadingTime hook * remove layout options except `isHome` --- .../templates/page/page-footer.stories.tsx | 41 ++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 src/components/templates/page/page-footer.stories.tsx (limited to 'src/components/templates/page/page-footer.stories.tsx') diff --git a/src/components/templates/page/page-footer.stories.tsx b/src/components/templates/page/page-footer.stories.tsx new file mode 100644 index 0000000..aee8979 --- /dev/null +++ b/src/components/templates/page/page-footer.stories.tsx @@ -0,0 +1,41 @@ +import type { ComponentMeta, ComponentStory } from '@storybook/react'; +import { Page } from './page'; +import { PageFooter } from './page-footer'; + +/** + * PageFooter - Storybook Meta + */ +export default { + title: 'Templates/Page/Footer', + component: PageFooter, + argTypes: { + readMoreAbout: { + control: { + type: null, + }, + description: 'An array of page links.', + type: { + name: 'object', + required: true, + value: {}, + }, + }, + }, +} as ComponentMeta; + +const Template: ComponentStory = (args) => ( + + + +); + +/** + * PageFooter Stories - Footer + */ +export const Footer = Template.bind({}); +Footer.args = { + readMoreAbout: [ + { id: 1, name: 'Topic 1', url: '#topic1' }, + { id: 2, name: 'Topic 2', url: '#topic2' }, + ], +}; -- cgit v1.2.3