|
| 1 | +import{storiesOf}from'@storybook/react' |
| 2 | +import{action}from'@storybook/addon-actions' |
| 3 | +importReactfrom'react' |
| 4 | +import{css,jsx}from'@emotion/core' |
| 5 | +importSelectWorkspacefrom'../src/containers/Check/SelectWorkspace' |
| 6 | +importSideBarDecoratorfrom'./utils/SideBarDecorator' |
| 7 | + |
| 8 | +importTUTORIALS_QUERYfrom'../src/services/apollo/queries/tutorials' |
| 9 | +import{useQuery}from'@apollo/react-hooks' |
| 10 | +importApolloClientfrom'apollo-boost' |
| 11 | +import{ApolloProvider}from'@apollo/react-hooks' |
| 12 | + |
| 13 | +conststyles={ |
| 14 | +container:{ |
| 15 | +display:'flex'as'flex', |
| 16 | +flexDirection:'column'as'column', |
| 17 | +}, |
| 18 | +} |
| 19 | + |
| 20 | +constclient=newApolloClient({ |
| 21 | +uri:'https://33mf420q4m.execute-api.us-west-2.amazonaws.com/stage/api-stage', |
| 22 | +}) |
| 23 | + |
| 24 | +constInner=()=>{ |
| 25 | +const{ loading, error, data}=useQuery(TUTORIALS_QUERY) |
| 26 | +console.log(error) |
| 27 | +return( |
| 28 | +<div> |
| 29 | +<div>Error:{JSON.stringify(error)}</div> |
| 30 | +<div>Data:{JSON.stringify(data)}</div> |
| 31 | +</div> |
| 32 | +) |
| 33 | +} |
| 34 | + |
| 35 | +storiesOf('API',module) |
| 36 | +.addDecorator(SideBarDecorator) |
| 37 | +.add('Request',()=>{ |
| 38 | +return( |
| 39 | +<ApolloProviderclient={client}> |
| 40 | +<Inner/> |
| 41 | +</ApolloProvider> |
| 42 | +) |
| 43 | +}) |