Commit808ab5a

committed

setup login page story

1 parent6f40d62 commit808ab5aCopy full SHA for 808ab5a

File tree

+42

-0

lines changed

+42

-0

lines changed

Lines changed: 31 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,31 @@`
	`1`	`+import*asReactfrom'react'`
	`2`	`+import{Button}from'@alifd/next'`
	`3`	`+`
	`4`	`+interfaceProps{`
	`5`	`+onGitHubLogin(e:any):void`
	`6`	`+}`
	`7`	`+`
	`8`	`+conststyles={`
	`9`	`+page:{`
	`10`	`+display:'flex',`
	`11`	`+alignItems:'center',`
	`12`	`+justifyContent:'center',`
	`13`	`+height:window.innerHeight-20,`
	`14`	`+},`
	`15`	`+}`
	`16`	`+`
	`17`	`+exportconstLoginPage=(props:Props)=>(`
	`18`	`+<divstyle={styles.page}>`
	`19`	`+<div>Login</div>`
	`20`	`+<ButtononClick={props.onGitHubLogin}>Sign in With GitHub</Button>`
	`21`	`+</div>`
	`22`	`+)`
	`23`	`+`
	`24`	`+exportdefault()=>(`
	`25`	`+<LoginPage`
	`26`	`+onGitHubLogin={(e:any)=>{`
	`27`	`+const{ value}=e.target`
	`28`	`+console.log('value',value)`
	`29`	`+}}`
	`30`	`+/>`
	`31`	`+)`

Lines changed: 11 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,11 @@`
	`1`	`+importReactfrom'react'`
	`2`	`+`
	`3`	`+import{storiesOf}from'@storybook/react'`
	`4`	`+import{action}from'@storybook/addon-actions'`
	`5`	`+`
	`6`	`+import{LoginPage}from'../src/containers/Login'`
	`7`	`+importSideBarDecoratorfrom'./utils/SideBarDecorator'`
	`8`	`+`
	`9`	`+storiesOf('Login',module)`
	`10`	`+.addDecorator(SideBarDecorator)`
	`11`	`+.add('Page',()=><LoginPageonGitHubLogin={action('onGitHubLogin')}/>)`

Comments

(0)