Commitb2fcd7a

committed

add error component

1 parent64837c0 commitb2fcd7aCopy full SHA for b2fcd7a

File tree

+54

-6

lines changed

+54

-6

lines changed

Lines changed: 6 additions & 0 deletions

Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

Lines changed: 1 addition & 0 deletions

Lines changed: 45 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,45 @@`
	`1`	`+import*asReactfrom'react'`
	`2`	`+import{ApolloError}from'apollo-boost'`
	`3`	`+import{GraphQLError}from'graphql'`
	`4`	`+`
	`5`	`+conststyles={`
	`6`	`+container:{`
	`7`	`+color:'#D8000C',`
	`8`	`+backgroundColor:'#FFBABA',`
	`9`	`+padding:'1rem',`
	`10`	`+},`
	`11`	`+}`
	`12`	`+`
	`13`	`+interfaceProps{`
	`14`	`+error:ApolloError`
	`15`	`+}`
	`16`	`+`
	`17`	`+constErrorView=({ error}:Props)=>{`
	`18`	`+console.log('ERROR:',error)`
	`19`	`+return(`
	`20`	`+<divstyle={styles.container}>`
	`21`	`+<h1>Error</h1>`
	`22`	`+{error.graphQLErrors&&(`
	`23`	`+<div>`
	`24`	`+{error.graphQLErrors.map(({ message, locations, path}:GraphQLError)=>(`
	`25`	`+<h5>`
	`26`	`+<b>[GraphQL error]:</b> Message:{message}, Location:{locations}, Path:{path}`
	`27`	`+</h5>`
	`28`	`+))}`
	`29`	`+</div>`
	`30`	`+)}`
	`31`	`+{error.networkError&&(`
	`32`	`+<h5>`
	`33`	`+<b>[Network error]:</b>{error.networkError.message}`
	`34`	`+</h5>`
	`35`	`+)}`
	`36`	`+{error.extraInfo&&(`
	`37`	`+<p>`
	`38`	`+<b>[Extra info]:</b>{JSON.stringify(error.extraInfo)}`
	`39`	`+</p>`
	`40`	`+)}`
	`41`	`+</div>`
	`42`	`+)`
	`43`	`+}`
	`44`	`+`
	`45`	`+exportdefaultErrorView`

Lines changed: 2 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,7 @@ import * as T from '../../../../typings/graphql'`
`5`	`5`	`importqueryTutorialsfrom'./queryTutorials'`
`6`	`6`	`import{send}from'../../utils/vscode'`
`7`	`7`	`importLoadingPagefrom'../LoadingPage'`
	`8`	`+importErrorViewfrom'../../components/Error'`
`8`	`9`	`importTutorialListfrom'../../components/TutorialList'`
`9`	`10`
`10`	`11`	`interfaceProps{`
`@@ -28,12 +29,7 @@ const NewPageContainer = () => {`
`28`	`29`	`}`
`29`	`30`
`30`	`31`	`if(error){`
`31`		`-return(`
`32`		`-<div>`
`33`		`-<h5>{error.message}</h5>`
`34`		`-<p>{JSON.stringify(error,null,2)}</p>`
`35`		`-</div>`
`36`		`-)`
	`32`	`+return<ErrorViewerror={error}/>`
`37`	`33`	`}`
`38`	`34`
`39`	`35`	`return(`

Comments

(0)