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

Commit96113fa

Browse files
authored
Merge pull requestcoderoad#115 from ShMcK/tutorial-completion-page
add tutorial completion page (basic)
2 parents89beeb8 +207375a commit96113fa

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