diff --git a/apps/graphpolaris/src/app/app.stories.tsx b/apps/graphpolaris/src/app/app.stories.tsx index ababe8b4e11b576b4d5ea7c73004cc7de946034e..ce5c645ebfa95f6368df7407baa89da871d48bd2 100644 --- a/apps/graphpolaris/src/app/app.stories.tsx +++ b/apps/graphpolaris/src/app/app.stories.tsx @@ -1,12 +1,30 @@ -import { Story, Meta } from '@storybook/react'; +import { configureStore } from '@reduxjs/toolkit'; +import { Meta, Story } from '@storybook/react'; +import React from 'react'; +import { Provider } from 'react-redux'; +import graphQueryResultSlice from '../../../../libs/shared/data-access/store/src/lib/graphQueryResultSlice'; import { App } from './app'; export default { component: App, title: 'App', + decorators: [ + (story) => ( + <div style={{ padding: '3rem' }}> + <Provider store={Mockstore}>{story()}</Provider> + </div> + ), + ], } as Meta; const Template: Story = (args) => <App {...args} />; +// A super-simple mock of a redux store +const Mockstore = configureStore({ + reducer: { + graphQueryResult: graphQueryResultSlice, + }, +}); + export const Primary = Template.bind({}); Primary.args = {};