Added support for react-redux components. Added withRedux storybook d…

…ecorator. Added stories for CreateUser, SignIn, SignOut.

.storybook/decorators.js

@@ -1,9 +1,19 @@
 import React from 'react'
 import { ThemeProvider } from 'theme-ui'
 import theme from '../polis/client-admin/src/theme'
+import { Provider as ReduxProvider } from 'react-redux'
+import configureStore from '../polis/client-admin/src/store'
+
+const store = configureStore()
 
 export const withThemeUi = (Story) => (
-    <ThemeProvider theme={theme}>
-        <Story />
-    </ThemeProvider>
+  <ThemeProvider theme={theme}>
+    <Story />
+  </ThemeProvider>
+)
+
+export const withRedux = (Story) => (
+  <ReduxProvider store={store}>
+    <Story />
+  </ReduxProvider>
 )

package.json

@@ -12,6 +12,7 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "jquery": "~2.1.4",
     "@chromatic-com/storybook": "^1.9.0",
     "@storybook/addon-essentials": "^8.3.2",
     "@storybook/addon-interactions": "^8.3.2",
@@ -24,6 +25,8 @@
     "prop-types": "^15.8.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
+    "react-redux": "7.2.2",
+    "redux-thunk": "~2.3.0",
     "storybook": "^8.3.2",
     "storybook-addon-remix-react-router": "^3.0.0"
   },

stories/client-admin/CreateUser.stories.js

@@ -0,0 +1,19 @@
+import React from 'react'
+import CreateUser from '../../polis/client-admin/src/components/landers/createuser'
+import { withThemeUi, withRedux } from '../../.storybook/decorators'
+import { withRouter, reactRouterParameters } from 'storybook-addon-remix-react-router'
+
+export default {
+  title: 'Client-Admin/CreateUser',
+  component: CreateUser,
+  decorators: [withThemeUi, withRedux, withRouter],
+}
+
+const Template = (args) => <CreateUser {...args} />
+
+export const Default = Template.bind({})
+Default.args = {
+  location: {
+    pathname: '/createuser',
+  }
+}

stories/client-admin/SignIn.stories.js

@@ -0,0 +1,19 @@
+import React from 'react'
+import SignIn from '../../polis/client-admin/src/components/landers/signin'
+import { withThemeUi, withRedux } from '../../.storybook/decorators'
+import { withRouter } from 'storybook-addon-remix-react-router'
+
+export default {
+  title: 'Client-Admin/SignIn',
+  component: SignIn,
+  decorators: [withThemeUi, withRedux, withRouter],
+}
+
+const Template = (args) => <SignIn {...args} />
+
+export const Default = Template.bind({})
+Default.args = {
+  location: {
+    pathname: '/signin',
+  }
+}

stories/client-admin/SignOut.stories.js

@@ -0,0 +1,19 @@
+import React from 'react'
+import SignOut from '../../polis/client-admin/src/components/landers/signout'
+import { withThemeUi, withRedux } from '../../.storybook/decorators'
+import { withRouter } from 'storybook-addon-remix-react-router'
+
+export default {
+  title: 'Client-Admin/SignOut',
+  component: SignOut,
+  decorators: [withThemeUi, withRedux, withRouter],
+}
+
+const Template = (args) => <SignOut {...args} />
+
+export const Default = Template.bind({})
+Default.args = {
+  location: {
+    pathname: '/signin',
+  }
+}