diff --git a/web-app/src/containers/Tutorial/CompletedPage.tsx b/web-app/src/containers/Tutorial/CompletedPage.tsx index 07907806..79db0513 100644 --- a/web-app/src/containers/Tutorial/CompletedPage.tsx +++ b/web-app/src/containers/Tutorial/CompletedPage.tsx @@ -4,8 +4,15 @@ import { css, jsx } from '@emotion/core' import Button from '../../components/Button' const styles = { - options: { - padding: '0rem 1rem', + page: { + padding: '1rem', + }, + section: { + marginTop: '1rem', + marginBottom: '2rem', + }, + buttonContainer: { + marginTop: '1rem', }, } @@ -19,10 +26,33 @@ const CompletedPage = (props: Props) => { props.send('SELECT_TUTORIAL') } return ( -
-

Tutorial Complete

-
- +
+

Tutorial Complete!

+
+

Thank you for demoing the CodeRoad beta!

+
+
+

Subscribe!

+

Sign up to our mailing list to be first to hear about future tutorials.

+
+ + + +
+
+
+

Contact Us

+

We'd love to hear your comments, ideas & feedback.

+

+ Reach out at coderoadapp@gmail.com! +

+
+
+

Continue

+

To try another tutorial, open a new VSCode workspace and launch the CodeRoad app

+
+ +
) diff --git a/web-app/stories/Completed.stories.tsx b/web-app/stories/Completed.stories.tsx new file mode 100644 index 00000000..e8bd0c75 --- /dev/null +++ b/web-app/stories/Completed.stories.tsx @@ -0,0 +1,9 @@ +import { action } from '@storybook/addon-actions' +import { storiesOf } from '@storybook/react' +import React from 'react' +import CompletedPage from '../src/containers/Tutorial/CompletedPage' +import SideBarDecorator from './utils/SideBarDecorator' + +storiesOf('Completed', module) + .addDecorator(SideBarDecorator) + .add('Page', () => )