handle page changes from tabs

Author: ShMcK

Diff for: lib/components/Page/Hints/index.js

@@ -8,7 +8,9 @@ var styles = {
 };
 var Hints = function (_a) {
     var hints = _a.hints;
-    return (React.createElement(List_1.List, null, hints.map(function (hint, index) { return React.createElement(List_1.ListItem, {secondaryText: React.createElement("p", null, index + 1, ". ", hint)}); }), React.createElement(List_1.ListItem, {secondaryText: React.createElement("p", {style: styles.add}, "+")})));
+    return (React.createElement(List_1.List, null, !hints || !hints.length
+        ? []
+        : hints.map(function (hint, index) { return React.createElement(List_1.ListItem, {secondaryText: React.createElement("p", null, index + 1, ". ", hint)}); }), React.createElement(List_1.ListItem, {secondaryText: React.createElement("p", {style: styles.add}, "+")})));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Hints;

Diff for: lib/components/Page/index.js

@@ -9,6 +9,7 @@ var styles = {
 var Page = function (_a) {
     var tutorial = _a.tutorial, pagePosition = _a.pagePosition;
     var page = tutorial.pages[pagePosition];
+    console.log(page);
     if (!page) {
         return null;
     }

Diff for: src/components/Page/Hints/index.tsx

@@ -12,7 +12,9 @@ const Hints: React.StatelessComponent<{
   hints: string[]
 }> = ({hints}) => (
   <List>
-    {hints.map((hint, index) => <ListItem secondaryText={
+    {!hints || !hints.length
+      ? []
+      : hints.map((hint, index) => <ListItem secondaryText={
       <p>{index + 1}. {hint}</p>
     } />)}
     <ListItem secondaryText={

Diff for: src/components/Page/index.tsx

@@ -13,6 +13,7 @@ const Page: React.StatelessComponent<{
   tutorial: CR.Tutorial, pagePosition: number
 }> = ({tutorial, pagePosition}) => {
   const page = tutorial.pages[pagePosition];
+  console.log(page);
 
   if (!page) { return null; }