Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit00b3550

Browse files
committed
cleanup storybook summary
1 parentc69b868 commit00b3550

File tree

6 files changed

+62
-40
lines changed

6 files changed

+62
-40
lines changed
Lines changed: 12 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import{Button}from'@alifd/next'
22
import*asReactfrom'react'
3-
importCRfrom'typings'
43

54
conststyles={
65
card:{
@@ -16,23 +15,21 @@ const styles = {
1615
}
1716

1817
interfaceProps{
19-
data:CR.TutorialData
18+
title:string
19+
text:string
2020
onNext():void
2121
}
2222

23-
constSummary=({ data, onNext}:Props)=>{
24-
const{ summary}=data
25-
return(
26-
<divstyle={styles.card}>
27-
<divstyle={styles.content}>
28-
<h2style={styles.title}>{summary.title}</h2>
29-
<p>{summary.description}</p>
30-
</div>
31-
<divstyle={styles.options}>
32-
<ButtononClick={()=>onNext()}>Continue</Button>
33-
</div>
23+
constSummary=({ title, text, onNext}:Props)=>(
24+
<divstyle={styles.card}>
25+
<divstyle={styles.content}>
26+
<h2style={styles.title}>{title}</h2>
27+
<p>{text}</p>
3428
</div>
35-
)
36-
}
29+
<divstyle={styles.options}>
30+
<ButtononClick={()=>onNext()}>Continue</Button>
31+
</div>
32+
</div>
33+
)
3734

3835
exportdefaultSummary

‎web-app/src/containers/Tutorial/StagePage/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const StageSummaryPageContainer = (props: PageProps) => {
1818
},
1919
})
2020
if(loading){
21-
return<div>LoadingLevels...</div>
21+
return<div>LoadingStage...</div>
2222
}
2323

2424
if(error){

‎web-app/src/containers/Tutorial/SummaryPage.tsx

Lines changed: 0 additions & 14 deletions
This file was deleted.
Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import*asReactfrom'react'
2+
import{useQuery}from'@apollo/react-hooks'
3+
4+
importquerySummaryfrom'./querySummary'
5+
importSummaryfrom'components/Summary'
6+
importErrorViewfrom'components/Error'
7+
8+
interfacePageProps{
9+
send(action:string):void
10+
}
11+
12+
constSummaryPage=(props:PageProps)=>{
13+
const{ loading, error, data}=useQuery(querySummary,{
14+
variables:{
15+
tutorialId:'1',
16+
},
17+
})
18+
19+
if(loading){
20+
return<div>Loading Summary...</div>
21+
}
22+
23+
if(error){
24+
return<ErrorViewerror={error}/>
25+
}
26+
27+
const{ title, text}=data.tutorial
28+
constonNext=()=>props.send('NEXT')
29+
30+
return<Summarytitle={title}text={text}onNext={onNext}/>
31+
}
32+
33+
exportdefaultSummaryPage
Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import{gql}from'apollo-boost'
2+
3+
exportdefaultgql`
4+
query getSummary($tutorialId: ID!, $version: String) {
5+
tutorial(id: $tutorialId) {
6+
id
7+
title
8+
text
9+
version(version: $version) {
10+
version
11+
coderoadVersion
12+
}
13+
}
14+
}
15+
`

‎web-app/stories/Summary.stories.tsx

Lines changed: 1 addition & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,13 @@
11
importReactfrom'react'
22

3-
import{object,withKnobs}from'@storybook/addon-knobs'
43
import{linkTo}from'@storybook/addon-links'
54
import{storiesOf}from'@storybook/react'
65
importSideBarDecoratorfrom'./utils/SideBarDecorator'
76

87
importSummaryfrom'../src/components/Summary'
9-
importdemofrom'./data/basic'
108

119
storiesOf('Tutorial SideBar',module)
1210
.addDecorator(SideBarDecorator)
13-
.addDecorator(withKnobs)
1411
.add('Summary',()=>(
15-
<Summary
16-
data={object('data',{
17-
levels:demo.data.levels,
18-
summary:demo.data.summary,
19-
})}
20-
onNext={linkTo('Tutorial SideBar','Level')}
21-
/>
12+
<Summarytitle="Some Title"text="Some description"onNext={linkTo('Tutorial SideBar','Level')}/>
2213
))

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp