Merge pull request #27 from ShMcK/feature/auth

setup login page story

Author: ShMcK

web-app/src/containers/Login/index.tsx

@@ -0,0 +1,31 @@
+import * as React from 'react'
+import { Button } from '@alifd/next'
+
+interface Props {
+  onGitHubLogin(e: any): void
+}
+
+const styles = {
+  page: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: window.innerHeight - 20,
+  },
+}
+
+export const LoginPage = (props: Props) => (
+  <div style={styles.page}>
+    <div>Login</div>
+    <Button onClick={props.onGitHubLogin}>Sign in With GitHub</Button>
+  </div>
+)
+
+export default () => (
+  <LoginPage
+    onGitHubLogin={(e: any) => {
+      const { value } = e.target
+      console.log('value', value)
+    }}
+  />
+)

web-app/stories/Login.stories.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+import { storiesOf } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+
+import { LoginPage } from '../src/containers/Login'
+import SideBarDecorator from './utils/SideBarDecorator'
+
+storiesOf('Login', module)
+  .addDecorator(SideBarDecorator)
+  .add('Page', () => <LoginPage onGitHubLogin={action('onGitHubLogin')} />)