gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Feature(code-uri): Add tooltip warning about untrusted code

Browse Source
This commit is contained in:
Berkeley Martinez
2016-08-16 16:07:52 -07:00
parent f9cf212fe7
commit 9f7c9a89cd
1 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
common/app/routes/challenges/components/classic/Tool-Panel.jsx
View File

@ -1,7 +1,14 @@
import React, { PropTypes } from 'react'; import React, { PropTypes } from 'react';
import { Button, ButtonGroup } from 'react-bootstrap'; import { Button, ButtonGroup, Tooltip, OverlayTrigger } from 'react-bootstrap';
import PureComponent from 'react-pure-render/component'; import PureComponent from 'react-pure-render/component';
const unlockWarning = (
<Tooltip id='tooltip'>
<h4>
<strong>Careful!</strong> Only run code you trust
</h4>
</Tooltip>
);
export default class ToolPanel extends PureComponent { export default class ToolPanel extends PureComponent {
constructor(...props) { constructor(...props) {
super(...props); super(...props);
@ -56,6 +63,10 @@ export default class ToolPanel extends PureComponent {
renderExecute(isCodeLocked, executeChallenge, unlockUntrustedCode) { renderExecute(isCodeLocked, executeChallenge, unlockUntrustedCode) {
if (isCodeLocked) { if (isCodeLocked) {
return ( return (
<OverlayTrigger
overlay={ unlockWarning }
placement='right'
>
<Button <Button
block={ true } block={ true }
bsStyle='primary' bsStyle='primary'
@ -64,6 +75,7 @@ export default class ToolPanel extends PureComponent {
> >
Code Locked. Unlock? Code Locked. Unlock?
</Button> </Button>
</OverlayTrigger>
); );
} }
return ( return (