|
1 | 1 | import*asReactfrom'react' |
| 2 | +import{send}from'./utils/vscode' |
2 | 3 |
|
3 | 4 | importRouterfrom'./components/Router' |
4 | 5 | importLoadingPagefrom'./containers/LoadingPage' |
5 | 6 | importContinuePagefrom'./containers/Continue' |
6 | 7 | importNewPagefrom'./containers/New' |
7 | | -importTutorialPagefrom'./containers/Tutorial' |
| 8 | +importSummaryPagefrom'./containers/Tutorial/SummaryPage' |
| 9 | +importLevelSummaryPagefrom'./containers/Tutorial/LevelPage' |
| 10 | +importStageSummaryPagefrom'./containers/Tutorial/StagePage' |
| 11 | +importCompletedPagefrom'./containers/Tutorial/CompletedPage' |
8 | 12 |
|
9 | 13 | const{ Route}=Router |
10 | 14 |
|
@@ -54,10 +58,25 @@ const Routes = ({ state }: Props) => { |
54 | 58 | <Routepath="SelectTutorial.ContinueTutorial"> |
55 | 59 | <ContinuePage/> |
56 | 60 | </Route> |
57 | | -<Routepath="Tutorial"> |
58 | | -<TutorialPagestate={state}/> |
| 61 | +<Routepath="Tutorial.Initialize"> |
| 62 | +<LoadingPagetext="Initializing..."/> |
59 | 63 | </Route> |
60 | | -</Router> |
| 64 | +<Routepath="Tutorial.LoadNext"> |
| 65 | +<LoadingPagetext="Loading..."/> |
| 66 | +</Route> |
| 67 | +<Routepath="Tutorial.Summary"> |
| 68 | +<SummaryPagesend={send}/> |
| 69 | +</Route> |
| 70 | +<Routepath="Tutorial.Level"> |
| 71 | +<LevelSummaryPagesend={send}/> |
| 72 | +</Route> |
| 73 | +<Routepath="Tutorial.Stage"> |
| 74 | +<StageSummaryPagesend={send}/> |
| 75 | +</Route> |
| 76 | +<Routepath="Tutorial.Completed"> |
| 77 | +<CompletedPage/> |
| 78 | +</Route> |
| 79 | +</Router> |
61 | 80 | </div> |
62 | 81 | ) |
63 | 82 | } |
|