Commitf7d82c8

committed

cleanup load processes

1 parent27324bc commitf7d82c8Copy full SHA for f7d82c8

File tree

+54

-13

lines changed

+54

-13

lines changed

Lines changed: 23 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -2,15 +2,34 @@ import { Message as AlifdMessage } from '@alifd/next'`
`2`	`2`	`import*asReactfrom'react'`
`3`	`3`
`4`	`4`	`interfaceProps{`
`5`		`-type:'error'`
	`5`	`+type?:'success'\|'warning'\|'error'\|'notice'\|'help'\|'loading'`
`6`	`6`	`title:string`
`7`		`-description?:string`
	`7`	`+shape?:'inline'\|'addon'\|'toast'`
	`8`	`+size?:'medium'\|'large'`
	`9`	`+children?:string`
	`10`	`+closeable?:boolean`
	`11`	`+onClose?:()=>void`
	`12`	`+handleClose?:()=>void`
`8`	`13`	`}`
`9`	`14`
`10`	`15`	`constMessage=(props:Props)=>{`
	`16`	`+const[visible,setVisible]=React.useState(true)`
	`17`	`+functiononClose(){`
	`18`	`+if(props.onClose){`
	`19`	`+props.onClose()`
	`20`	`+}`
	`21`	`+setVisible(false)`
	`22`	`+}`
`11`	`23`	`return(`
`12`		`-<AlifdMessagetype={props.type}title={props.title}>`
`13`		`-{props.description}`
	`24`	`+<AlifdMessage`
	`25`	`+type={props.type}`
	`26`	`+visible={visible}`
	`27`	`+title={props.title}`
	`28`	`+closeable={props.closeable}`
	`29`	`+onClose={onClose}`
	`30`	`+shape={props.shape}`
	`31`	`+>`
	`32`	`+{props.children}`
`14`	`33`	`</AlifdMessage>`
`15`	`34`	`)`
`16`	`35`	`}`

Lines changed: 5 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import{MessageasAlifdMessage}from'@alifd/next'`
	`1`	`+importMessagefrom'../Message'`
`2`	`2`	`import*asReactfrom'react'`
`3`	`3`	`import*asTfrom'typings'`
`4`	`4`	`import{css,jsx}from'@emotion/core'`
`@@ -15,19 +15,19 @@ const styles = {`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`// display a list of active processes`
`18`		`-constProcessEvents=({ processes}:Props)=>{`
	`18`	`+constProcessMessages=({ processes}:Props)=>{`
`19`	`19`	`if(!processes.length){`
`20`	`20`	`returnnull`
`21`	`21`	`}`
`22`	`22`	`return(`
`23`	`23`	`<divcss={styles.container}>`
`24`	`24`	`{processes.map(process=>(`
`25`		`-<AlifdMessagekey={process.title}type="loading"size="medium"title={process.title}>`
	`25`	`+<Messagekey={process.title}type="loading"size="medium"title={process.title}>`
`26`	`26`	`{process.description}`
`27`		`-</AlifdMessage>`
	`27`	`+</Message>`
`28`	`28`	`))}`
`29`	`29`	`</div>`
`30`	`30`	`)`
`31`	`31`	`}`
`32`	`32`
`33`		`-exportdefaultProcessEvents`
	`33`	`+exportdefaultProcessMessages`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ import * as G from 'typings/graphql'`
`4`	`4`	`import{css,jsx}from'@emotion/core'`
`5`	`5`	`importButtonfrom'../../../components/Button'`
`6`	`6`	`importMarkdownfrom'../../../components/Markdown'`
`7`		`-importProcessEventsfrom'../../../components/ProcessEvents'`
	`7`	`+importProcessMessagesfrom'../../../components/ProcessMessages'`
`8`	`8`	`importStepfrom'./Step'`
`9`	`9`
`10`	`10`	`conststyles={`
`@@ -109,7 +109,7 @@ const Level = ({ level, onContinue, onLoadSolution, processes }: Props) => {`
`109`	`109`
`110`	`110`	`{processes.length>0&&(`
`111`	`111`	`<divcss={styles.processes}>`
`112`		`-<ProcessEventsprocesses={processes}/>`
	`112`	`+<ProcessMessagesprocesses={processes}/>`
`113`	`113`	`</div>`
`114`	`114`	`)}`
`115`	`115`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`import{storiesOf}from'@storybook/react'`
`2`	`2`	`importReactfrom'react'`
`3`		`-importProcessEventsfrom'../src/components/ProcessEvents'`
	`3`	`+importProcessMessagesfrom'../src/components/ProcessMessages'`
`4`	`4`	`importSideBarDecoratorfrom'./utils/SideBarDecorator'`
`5`	`5`
`6`	`6`	`conststyles={`
`@@ -13,7 +13,7 @@ const styles = {`
`13`	`13`	`storiesOf('Components',module)`
`14`	`14`	`.addDecorator(SideBarDecorator)`
`15`	`15`	`.add('Processes',()=>(`
`16`		`-<ProcessEvents`
	`16`	`+<ProcessMessages`
`17`	`17`	`processes={[`
`18`	`18`	`{`
`19`	`19`	`title:'npm install',`

Lines changed: 22 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,22 @@`
	`1`	`+import{storiesOf}from'@storybook/react'`
	`2`	`+importReactfrom'react'`
	`3`	`+import{css,jsx}from'@emotion/core'`
	`4`	`+importSideBarDecoratorfrom'./utils/SideBarDecorator'`
	`5`	`+importMessagefrom'../src/components/Message'`
	`6`	`+`
	`7`	`+conststyles={`
	`8`	`+container:{`
	`9`	`+display:'flex'as'flex',`
	`10`	`+flexDirection:'column'as'column',`
	`11`	`+},`
	`12`	`+}`
	`13`	`+`
	`14`	`+storiesOf('Test Notification',module)`
	`15`	`+.addDecorator(SideBarDecorator)`
	`16`	`+.add('Toast',()=>{`
	`17`	`+return(`
	`18`	`+<divcss={styles.container}>`
	`19`	`+<Messagetitle="Test"closeable/>`
	`20`	`+</div>`
	`21`	`+)`
	`22`	`+})`

Comments

(0)