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

Commit207375a

Browse files
committed
add tutorial completion page (basic)
1 parent89beeb8 commit207375a

File tree

2 files changed

+45
-6
lines changed

2 files changed

+45
-6
lines changed

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

Lines changed: 36 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,15 @@ import { css, jsx } from '@emotion/core'
44
importButtonfrom'../../components/Button'
55

66
conststyles={
7-
options:{
8-
padding:'0rem 1rem',
7+
page:{
8+
padding:'1rem',
9+
},
10+
section:{
11+
marginTop:'1rem',
12+
marginBottom:'2rem',
13+
},
14+
buttonContainer:{
15+
marginTop:'1rem',
916
},
1017
}
1118

@@ -19,10 +26,33 @@ const CompletedPage = (props: Props) => {
1926
props.send('SELECT_TUTORIAL')
2027
}
2128
return(
22-
<div>
23-
<h3>Tutorial Complete</h3>
24-
<divcss={styles.options}>
25-
<ButtononClick={selectNewTutorial}>Continue</Button>
29+
<divcss={styles.page}>
30+
<h1>Tutorial Complete!</h1>
31+
<divcss={styles.section}>
32+
<p>Thank you for demoing the CodeRoad beta!</p>
33+
</div>
34+
<divcss={styles.section}>
35+
<h3>Subscribe!</h3>
36+
<p>Sign up to our mailing list to be first to hear about future tutorials.</p>
37+
<divcss={styles.buttonContainer}>
38+
<ahref="https://tiny.cc/coderoad">
39+
<Buttontype="primary">Subscribe to Mailing List</Button>
40+
</a>
41+
</div>
42+
</div>
43+
<divcss={styles.section}>
44+
<h3>Contact Us</h3>
45+
<p>We'd love to hear your comments, ideas&feedback.</p>
46+
<p>
47+
Reach out at<ahref="mailto:coderoadapp@gmail.com">coderoadapp@gmail.com</a>!
48+
</p>
49+
</div>
50+
<divcss={styles.section}>
51+
<h3>Continue</h3>
52+
<p>To try another tutorial, open a new VSCode workspace and launch the CodeRoad app</p>
53+
<divcss={styles.buttonContainer}>
54+
<ButtononClick={selectNewTutorial}>Return to Tutorial List</Button>
55+
</div>
2656
</div>
2757
</div>
2858
)
Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import{action}from'@storybook/addon-actions'
2+
import{storiesOf}from'@storybook/react'
3+
importReactfrom'react'
4+
importCompletedPagefrom'../src/containers/Tutorial/CompletedPage'
5+
importSideBarDecoratorfrom'./utils/SideBarDecorator'
6+
7+
storiesOf('Completed',module)
8+
.addDecorator(SideBarDecorator)
9+
.add('Page',()=><CompletedPagecontext={{}}send={action('send')}/>)

0 commit comments

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