cleanup stories

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

web-app/stories/Tests.stories.tsx

@@ -5,4 +5,4 @@ import SideBarDecorator from './utils/SideBarDecorator'
 
 storiesOf('Test Message', module)
   .addDecorator(SideBarDecorator)
-  .add('Fail', () => <TestMessage content={'Test failed for some reason'} />)
+  .add('Fail', () => <TestMessage message={'Test failed for some reason'} />)

web-app/stories/Tutorial.stories.tsx

@@ -56,7 +56,6 @@ const context: Partial<T.MachineContext> = {
             solution: {
               commits: ['hijklmn'],
             },
-            status: 'COMPLETE',
             hints: ['First Hint', 'Second Hint'],
           },
           {
@@ -68,7 +67,6 @@ const context: Partial<T.MachineContext> = {
             solution: {
               commits: ['hijklmn'],
             },
-            status: 'COMPLETE',
           },
           {
             id: '1.3',
@@ -79,7 +77,6 @@ const context: Partial<T.MachineContext> = {
             solution: {
               commits: ['hijklmn'],
             },
-            status: 'COMPLETE',
           },
         ],
       },
@@ -100,7 +97,6 @@ const context: Partial<T.MachineContext> = {
             solution: {
               commits: ['hijklmn'],
             },
-            status: 'COMPLETE',
             hints: ['first hint', 'second hint'],
           },
           {
@@ -112,7 +108,6 @@ const context: Partial<T.MachineContext> = {
             solution: {
               commits: ['hijklmn'],
             },
-            status: 'ACTIVE',
             hints: ['another hint', 'another other hint'],
           },
           {
@@ -124,7 +119,6 @@ const context: Partial<T.MachineContext> = {
             solution: {
               commits: ['hijklmn'],
             },
-            status: 'INCOMPLETE',
           },
         ],
       },
@@ -134,7 +128,6 @@ const context: Partial<T.MachineContext> = {
         summary: 'A summary of the 3rd level',
         content: 'Should support markdown test\n ```js\nvar a = 1\n```\nwhew it works!',
         setup: null,
-        status: 'INCOMPLETE',
         steps: [
           {
             id: '3.1',
@@ -145,7 +138,6 @@ const context: Partial<T.MachineContext> = {
             solution: {
               commits: ['hijklmn'],
             },
-            status: 'INCOMPLETE',
           },
           {
             id: '3.2',
@@ -156,7 +148,6 @@ const context: Partial<T.MachineContext> = {
             solution: {
               commits: ['hijklmn'],
             },
-            status: 'INCOMPLETE',
           },
           {
             id: '3.3',
@@ -167,7 +158,6 @@ const context: Partial<T.MachineContext> = {
             solution: {
               commits: ['hijklmn'],
             },
-            status: 'INCOMPLETE',
           },
         ],
       },

web-app/stories/utils/ProviderDecorator.tsx

@@ -0,0 +1,15 @@
+import React, { Fragment } from 'react'
+import { ConfigProvider } from '@alifd/next'
+import enUS from '@alifd/next/lib/locale/en-us'
+
+export function Provider({ children }) {
+  return (
+    <ConfigProvider locale={enUS}>
+      <Fragment>{children}</Fragment>
+    </ConfigProvider>
+  )
+}
+
+export default (story) => {
+  return <Provider>{story()}</Provider>
+}

web-app/stories/utils/SideBarDecorator.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react'
 import { css, jsx } from '@emotion/core'
+import { Provider } from './ProviderDecorator'
 
 const styles = {
   container: {
@@ -14,6 +15,10 @@ const styles = {
   },
 }
 
-const SideBarDecorator = (storyFn) => <div css={styles.container}>{storyFn()}</div>
+const SideBarDecorator = (storyFn) => (
+  <Provider>
+    <div css={styles.container}>{storyFn()}</div>
+  </Provider>
+)
 
 export default SideBarDecorator