improved hint buttons

ShMcK · ShMcK · commit 3c3428824383 · 2016-03-04T09:04:15.000-08:00
diff --git a/lib/components/page/hint.js b/lib/components/page/hint.js
@@ -35,8 +35,7 @@ var default_1 = (function (_super) {
         }
         else {
             var hint = hints[hintPosition];
-            return (React.createElement(material_ui_1.Card, {className: 'cr-task-hints'}, React.createElement(material_ui_1.CardHeader, {title: 'Hints', avatar: React.createElement(Help, null), actAsExpander: true, showExpandableButton: true}), React.createElement(material_ui_1.CardText, {className: 'cr-task-hint', expandable: true}, React.createElement(_components_1.MarkdownText, {text: hint})), React.createElement(material_ui_1.CardActions, {expandable: true}, hintPosition > 0 ? React.createElement(material_ui_1.FlatButton, {label: 'Previous', onClick: prevHint.bind(this, hintPosition - 1)}) : React.createElement("div", null), hintPosition >= 0 && hintPosition < hints.length - 1 ?
-                React.createElement(material_ui_1.FlatButton, {label: 'Next', onClick: nextHint.bind(this, hintPosition + 1)}) : React.createElement("div", null))));
+            return (React.createElement(material_ui_1.Card, {className: 'cr-task-hints'}, React.createElement(material_ui_1.CardHeader, {title: 'Hints', avatar: React.createElement(Help, null), actAsExpander: true, showExpandableButton: true}), React.createElement(material_ui_1.CardText, {className: 'cr-task-hint', expandable: true}, React.createElement(_components_1.MarkdownText, {text: hint})), React.createElement(material_ui_1.CardActions, {expandable: true}, React.createElement(material_ui_1.FlatButton, {label: 'Previous', disabled: hintPosition < 1, onClick: prevHint.bind(this, hintPosition - 1)}), React.createElement(material_ui_1.FlatButton, {label: 'Next', disabled: hintPosition > hints.length - 2, onClick: nextHint.bind(this, hintPosition + 1)}))));
         }
     };
     default_1 = __decorate([
diff --git a/src/components/page/hint.tsx b/src/components/page/hint.tsx
@@ -37,9 +37,10 @@ export default class extends React.Component<{
       <MarkdownText text={hint} />
     </CardText>
     <CardActions expandable={true}>
-      {hintPosition > 0 ? <FlatButton label='Previous' onClick={prevHint.bind(this, hintPosition - 1)} /> : <div />}
-      {hintPosition >= 0 && hintPosition < hints.length - 1 ?
-        <FlatButton label='Next' onClick={nextHint.bind(this, hintPosition + 1)} /> : <div /> }
+      <FlatButton label='Previous' disabled={hintPosition < 1}
+        onClick={prevHint.bind(this, hintPosition - 1)} />
+      <FlatButton label='Next' disabled={hintPosition > hints.length - 2}
+        onClick={nextHint.bind(this, hintPosition + 1)} />
     </CardActions>
   </Card>
   );

Original file line number	Diff line number	Diff line change
`@@ -35,8 +35,7 @@ var default_1 = (function (_super) {`
`35`	`35`	`}`
`36`	`36`	`else {`
`37`	`37`	`var hint = hints[hintPosition];`
`38`		- return (React.createElement(material_ui_1.Card, {className: 'cr-task-hints'}, React.createElement(material_ui_1.CardHeader, {title: 'Hints', avatar: React.createElement(Help, null), actAsExpander: true, showExpandableButton: true}), React.createElement(material_ui_1.CardText, {className: 'cr-task-hint', expandable: true}, React.createElement(_components_1.MarkdownText, {text: hint})), React.createElement(material_ui_1.CardActions, {expandable: true}, hintPosition > 0 ? React.createElement(material_ui_1.FlatButton, {label: 'Previous', onClick: prevHint.bind(this, hintPosition - 1)}) : React.createElement("div", null), hintPosition >= 0 && hintPosition < hints.length - 1 ?
`39`		`- React.createElement(material_ui_1.FlatButton, {label: 'Next', onClick: nextHint.bind(this, hintPosition + 1)}) : React.createElement("div", null))));`
	`38`	+ return (React.createElement(material_ui_1.Card, {className: 'cr-task-hints'}, React.createElement(material_ui_1.CardHeader, {title: 'Hints', avatar: React.createElement(Help, null), actAsExpander: true, showExpandableButton: true}), React.createElement(material_ui_1.CardText, {className: 'cr-task-hint', expandable: true}, React.createElement(_components_1.MarkdownText, {text: hint})), React.createElement(material_ui_1.CardActions, {expandable: true}, React.createElement(material_ui_1.FlatButton, {label: 'Previous', disabled: hintPosition < 1, onClick: prevHint.bind(this, hintPosition - 1)}), React.createElement(material_ui_1.FlatButton, {label: 'Next', disabled: hintPosition > hints.length - 2, onClick: nextHint.bind(this, hintPosition + 1)}))));
`40`	`39`	`}`
`41`	`40`	`};`
`42`	`41`	`default_1 = __decorate([`