Merge pull request #616 from omnivore-app/OMN-585

[Omn-585] - Onboarding Pages 1, 4, 5, and 6.

packages/web/stories/OnboardingLayout.stories.tsx

@@ -1,41 +1,44 @@
-import { ComponentStory, ComponentMeta } from '@storybook/react'
-import OnboardingLayout from '../components/templates/OnboardingLayout2'
-
-export default {
-  title: 'Components/OnboardingLayout',
-  component: OnboardingLayout,
-  argTypes: {
-    pageNumber: {
-      description: 'The current page number of the onboarding process',
-    },
-    title: {
-      description: 'The title of the current onboading screen',
-    },
-    subTitle: {
-      description: 'The subtitle of the current onboading screen',
-    },
-    description: {
-      description: 'The description of the current onboading screen',
-    },
-    children: {
-      description: 'The right column on the page',
-    },
-    image: {
-      description: 'The image on the left column on the page',
-    },
-  },
-} as ComponentMeta<typeof OnboardingLayout>
-
-const Template: ComponentStory<typeof OnboardingLayout> = (args) => (
-  <OnboardingLayout {...args}>{args.children}</OnboardingLayout>
-)
-
-export const OnboardingLayoutStory = Template.bind({})
-OnboardingLayoutStory.args = {
-  pageNumber: 2,
-  title: 'Save links to read later',
-  subTitle:
-    'Save any link to your library using our apps and browser extensions',
-  description: 'Install our apps and browser extensions',
-  children: <div>This is where the child is rendered.</div>
-}
+import { ComponentStory, ComponentMeta } from '@storybook/react'
+import OnboardingLayout from '../components/templates/OnboardingLayout2'
+
+export default {
+  title: 'Components/OnboardingLayout',
+  component: OnboardingLayout,
+  argTypes: {
+    pageNumber: {
+      description: 'The current page number of the onboarding process',
+    },
+    title: {
+      description: 'The title of the current onboading screen',
+    },
+    subTitle: {
+      description: 'The subtitle of the current onboading screen',
+    },
+    description: {
+      description: 'The description of the current onboading screen',
+    },
+    children: {
+      description: 'The right column on the page',
+    },
+    image: {
+      description: 'The image on the left column on the page',
+    },
+    nextPage: {
+      description: 'The link to which the user is sent when next button is pressed'
+    }
+  },
+} as ComponentMeta<typeof OnboardingLayout>
+
+const Template: ComponentStory<typeof OnboardingLayout> = (args) => (
+  <OnboardingLayout {...args}>{args.children}</OnboardingLayout>
+)
+
+export const OnboardingLayoutStory = Template.bind({})
+OnboardingLayoutStory.args = {
+  pageNumber: 2,
+  title: 'Save links to read later',
+  subTitle:
+    'Save any link to your library using our apps and browser extensions',
+  description: 'Install our apps and browser extensions',
+  children: <div>This is where the child is rendered.</div>
+}

packages/web/stories/OnboardingPage1.stories.tsx

@@ -0,0 +1,13 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react'
+import OnboardingPage1 from '../components/templates/onboarding/01'
+
+export default {
+  title: 'Onboarding-Pages/01',
+  component: OnboardingPage1,
+} as ComponentMeta<typeof OnboardingPage1>
+
+export const OnboardingPage1Story: ComponentStory<typeof OnboardingPage1> = (args: any) => {
+  return (
+    <OnboardingPage1 />
+  )
+}

packages/web/stories/OnboardingPage2.stories.tsx

@@ -2,7 +2,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react'
 import OnboardingPage2 from '../components/templates/onboarding/02'
 
 export default {
-  title: 'Components/OnboardingPage2',
+  title: 'Onboarding-Pages/02',
   component: OnboardingPage2,
 } as ComponentMeta<typeof OnboardingPage2>
 

packages/web/stories/OnboardingPage3.stories.tsx

@@ -2,7 +2,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react'
 import OnboardingPage3 from '../components/templates/onboarding/03'
 
 export default {
-  title: 'Components/OnboardingPage3',
+  title: 'Onboarding-Pages/03',
   component: OnboardingPage3,
 } as ComponentMeta<typeof OnboardingPage3>
 

packages/web/stories/OnboardingPage4.stories.tsx

@@ -0,0 +1,13 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react'
+import OnboardingPage4 from '../components/templates/onboarding/04'
+
+export default {
+  title: 'Onboarding-Pages/04',
+  component: OnboardingPage4,
+} as ComponentMeta<typeof OnboardingPage4>
+
+export const OnboardingPage4Story: ComponentStory<typeof OnboardingPage4> = (args: any) => {
+  return (
+    <OnboardingPage4 />
+  )
+}

packages/web/stories/OnboardingPage5.stories.tsx

@@ -0,0 +1,13 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react'
+import OnboardingPage5 from '../components/templates/onboarding/05'
+
+export default {
+  title: 'Onboarding-Pages/05',
+  component: OnboardingPage5,
+} as ComponentMeta<typeof OnboardingPage5>
+
+export const OnboardingPage5Story: ComponentStory<typeof OnboardingPage5> = (args: any) => {
+  return (
+    <OnboardingPage5 />
+  )
+}

packages/web/stories/OnboardingPage6.stories.tsx

@@ -0,0 +1,13 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react'
+import OnboardingPage6 from '../components/templates/onboarding/06'
+
+export default {
+  title: 'Onboarding-Pages/06',
+  component: OnboardingPage6,
+} as ComponentMeta<typeof OnboardingPage6>
+
+export const OnboardingPage6Story: ComponentStory<typeof OnboardingPage6> = (args: any) => {
+  return (
+    <OnboardingPage6 />
+  )
+}