Commit60365ef

committed

add modal stories

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

1 parente85ca35 commit60365efCopy full SHA for 60365ef

File tree

+56

-8

lines changed

+56

-8

lines changed

Lines changed: 42 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,42 @@`
	`1`	`+import*asReactfrom'react'`
	`2`	`+import{Dialog,Message}from'@alifd/next'`
	`3`	`+importButtonfrom'../../../components/Button'`
	`4`	`+`
	`5`	`+interfaceProps{`
	`6`	`+onContinue():void`
	`7`	`+}`
	`8`	`+`
	`9`	`+constContinue=(props:Props)=>{`
	`10`	`+const[modalState,setModalState]=React.useState<'none'\|'continue'>('none')`
	`11`	`+`
	`12`	`+constonClose=()=>{`
	`13`	`+setModalState('none')`
	`14`	`+}`
	`15`	`+`
	`16`	`+constonOk=()=>{`
	`17`	`+setModalState('continue')`
	`18`	`+props.onContinue()`
	`19`	`+returnsetTimeout(()=>{`
	`20`	`+setModalState('none')`
	`21`	`+},3000)`
	`22`	`+}`
	`23`	`+`
	`24`	`+return(`
	`25`	`+<>`
	`26`	`+<Buttontype="primary"size="medium"onClick={()=>setModalState('continue')}>`
	`27`	`+ Continue`
	`28`	`+</Button>`
	`29`	`+<Dialog`
	`30`	`+visible={modalState==='continue'}`
	`31`	`+onOk={onOk}`
	`32`	`+onCancel={onClose}`
	`33`	`+onClose={onClose}`
	`34`	`+footerActions={['ok','cancel']}`
	`35`	`+>`
	`36`	`+<Message>Level Complete</Message>`
	`37`	`+</Dialog>`
	`38`	`+</>`
	`39`	`+)`
	`40`	`+}`
	`41`	`+`
	`42`	`+exportdefaultContinue`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@ import { Dialog, Message } from '@alifd/next'`
`3`	`3`	`importButtonfrom'../../../components/Button'`
`4`	`4`
`5`	`5`	`interfaceProps{`
`6`		`-disabled:boolean`
	`6`	`+disabled?:boolean`
`7`	`7`	`onReset():void`
`8`	`8`	`}`
`9`	`9`

Lines changed: 13 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,13 @@`
	`1`	`+import{action}from'@storybook/addon-actions'`
	`2`	`+import{withKnobs}from'@storybook/addon-knobs'`
	`3`	`+import{storiesOf}from'@storybook/react'`
	`4`	`+importReactfrom'react'`
	`5`	`+importSideBarDecoratorfrom'./utils/SideBarDecorator'`
	`6`	`+importResetfrom'../src/containers/Tutorial/components/Reset'`
	`7`	`+importContinuefrom'../src/containers/Tutorial/components/Continue'`
	`8`	`+`
	`9`	`+storiesOf('Modals',module)`
	`10`	`+.addDecorator(SideBarDecorator)`
	`11`	`+.addDecorator(withKnobs)`
	`12`	`+.add('Reset',()=><ResetonReset={action('onReset')}/>)`
	`13`	`+.add('Continue',()=><ContinueonContinue={action('onContinue')}/>)`

Lines changed: 0 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,16 +3,9 @@ import { withKnobs } from '@storybook/addon-knobs'`
`3`	`3`	`import{storiesOf}from'@storybook/react'`
`4`	`4`	`importReactfrom'react'`
`5`	`5`	`import*asTfrom'../../typings'`
`6`		`-import*asTTfrom'../../typings/tutorial'`
`7`	`6`	`importTutorialfrom'../src/containers/Tutorial'`
`8`	`7`	`importSideBarDecoratorfrom'./utils/SideBarDecorator'`
`9`	`8`
`10`		`-typeModifiedLevel=TT.Level&{`
`11`		`-status:T.ProgressStatus`
`12`		`-index:number`
`13`		`-steps:Array<TT.Step&{status:T.ProgressStatus}>`
`14`		`-}`
`15`		`-`
`16`	`9`	`constcontext:Partial<T.MachineContext>={`
`17`	`10`	`env:{machineId:'',sessionId:'',token:''},`
`18`	`11`	`error:null,`

Comments

(0)