Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Leo/documentation/105 add documentation to sharedui components using storybook #146

Conversation

leolabdev
Copy link
Member

I made a setup and fixed some problems related to the configuration, now I would like to pass this task to the next hands

Introduce a mock i18n setup within Storybook using i18next and react-i18next. Renamed `preview.ts` to `preview.tsx` to include the I18nextProvider decorator for proper localization in stories.
Incorporate the Providers component within Storybook's decorators to ensure consistent use of global providers across stories. This change improves the overall integration and testing of components wrapped in providers.
Modified the webpack configuration in Storybook to handle SVG files correctly by excluding them from the default file loader and adding a rule to use SVGR for SVG file imports. This ensures SVGs are processed and handled as React components.
Imported the main SCSS stylesheet to the Storybook preview configuration to ensure consistent styling throughout the Storybook components. This change helps maintain visual consistency and leverages the project's existing style definitions.
Commented out the SVG loader configuration in the Storybook webpack setup to prevent conflicts with other image types. Added a note to investigate the issue further.
Updated `SocialSection`, `Rights`, and `FooterDesktop` stories to use the latest `Meta` and `StoryObj` types from Storybook. Replaced old `ComponentStory` and `ComponentMeta` types to improve maintainability and consistency.
Updated the Storybook meta configuration for the Footer Title component by replacing `ComponentMeta` and `ComponentStory` with `Meta` and `StoryObj`. This streamlines the code and makes the story definitions more consistent with the
Updated `FooterDesktop.stories.tsx` to enhance component and story documentation. Added controls and descriptions for props, and included additional Storybook parameters for improved clarity.
Updated Button stories from the legacy Storybook format to the new v6 format using StoryObj and Meta. This enhances the maintainability and readability of story definitions and ensures better integration with Storybook's newer features and best practices.
@leolabdev leolabdev added the documentation Improvements or additions to documentation label Oct 8, 2024
@leolabdev leolabdev self-assigned this Oct 8, 2024
@leolabdev leolabdev merged commit fbcaa7b into dev Oct 8, 2024
1 check passed
@leolabdev leolabdev deleted the leo/documentation/105-add-documentation-to-sharedui-components-using-storybook branch October 8, 2024 14:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Improvements or additions to documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants