Merge pull request coderoad#191 from ShMcK/remove/load-solution

remove load solution button

Author: ShMcK

README.md

@@ -4,9 +4,19 @@
 
 CodeRoad allows you to play interactive coding tutorials in your editor.
 
-## Requirements
+## Getting Started
 
-Requires:
+### Launch
+
+To start the extension, inside VSCode:
+
+- Open the VSCode command palette.
+  - select “View” > “Command Palette” from the top panel
+  - alternatively, press `cmd/ctrl + shift + P`
+- Search for and run `CodeRoad:Start`
+- A web view should appear on the right side of your editor asking you to click "Start"
+
+### Requirements
 
 - VSCode 1.40+
 - Git
@@ -15,4 +25,24 @@ Requires:
 ## Run
 
 1. Open the command prompt: `cmd/ctrl + shift + p`
-2. Search for and run `coderoad:start`
+2. # Search for and run `coderoad:start`
+
+### Installation
+
+> Currently CodeRoad is not yet available in the VSCode marketplace (coming soon!).
+
+To install the extension manually:
+
+- run `vsce package` to build the package.
+  Learn more about [VSCE](https://code.visualstudio.com/api/working-with-extensions/publishing-extension)
+- run `code —install-extension coderoad-0.1.0.vsix`.
+
+## Creating a Tutorial
+
+Build and share your own interactive tutorials.
+
+Learn more about [how tutorials area created](./docs/tutorials.md).
+
+## License
+
+[AGPL v3](./LICENSE.md)

web-app/src/components/NewUserExperience/NuxTutorial.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 import { Collapse, Icon } from '@alifd/next'
-import Button from '../Button'
 import ReactCSSTransitionGroup from 'react-addons-css-transition-group'
 import './transition.css'
 
@@ -27,27 +26,6 @@ const styles = {
   },
 }
 
-type LoadSolutionButtonProps = {
-  onLoadSolution: () => void
-  close: () => void
-}
-
-const LoadSolutionButton = (props: LoadSolutionButtonProps) => {
-  const [loadedSolution, setLoadedSolution] = React.useState(false)
-  const onClickHandler = () => {
-    props.close()
-    if (!loadedSolution) {
-      setLoadedSolution(true)
-      props.onLoadSolution()
-    }
-  }
-  return (
-    <Button type="secondary" onClick={onClickHandler} disabled={loadedSolution}>
-      Load Solution
-    </Button>
-  )
-}
-
 type NuxProps = {
   onClose: () => void
   onLoadSolution: () => void
@@ -113,20 +91,6 @@ const NewUserExperienceTutorialCollapsible = (props: NuxProps) => {
             Read the tests. The tests can be found in the test directory and can be read in detail to help you
             understand what's failing.
           </li>
-          <br />
-          <li>
-            Still stuck? Load the solution. Each step in CodeRoad is stored as a Git commit - including the solution.
-            Load the solution commit by pressing the button below.
-            <br />
-            <br />
-            <LoadSolutionButton
-              onLoadSolution={props.onLoadSolution}
-              close={() => {
-                setExpandedKeys([])
-                props.onClose()
-              }}
-            />
-          </li>
         </ol>
       </Panel>
       <Panel title="Contact">