From 9f7c9a89cd410f41c73d300373a6eb8298e2f8f1 Mon Sep 17 00:00:00 2001
From: Berkeley Martinez <Berkeley@robotie.com>
Date: Tue, 16 Aug 2016 16:07:52 -0700
Subject: [PATCH] Feature(code-uri): Add tooltip warning about untrusted code

---
 .../components/classic/Tool-Panel.jsx         | 28 +++++++++++++------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/common/app/routes/challenges/components/classic/Tool-Panel.jsx b/common/app/routes/challenges/components/classic/Tool-Panel.jsx
index 44f09aa518..c501b2a283 100644
--- a/common/app/routes/challenges/components/classic/Tool-Panel.jsx
+++ b/common/app/routes/challenges/components/classic/Tool-Panel.jsx
@@ -1,7 +1,14 @@
 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';
 
+const unlockWarning = (
+  <Tooltip id='tooltip'>
+    <h4>
+      <strong>Careful!</strong> Only run code you trust
+    </h4>
+  </Tooltip>
+);
 export default class ToolPanel extends PureComponent {
   constructor(...props) {
     super(...props);
@@ -56,14 +63,19 @@ export default class ToolPanel extends PureComponent {
   renderExecute(isCodeLocked, executeChallenge, unlockUntrustedCode) {
     if (isCodeLocked) {
       return (
-        <Button
-          block={ true }
-          bsStyle='primary'
-          className='btn-big'
-          onClick={ unlockUntrustedCode }
+        <OverlayTrigger
+          overlay={ unlockWarning }
+          placement='right'
           >
-          Code Locked. Unlock?
-        </Button>
+          <Button
+            block={ true }
+            bsStyle='primary'
+            className='btn-big'
+            onClick={ unlockUntrustedCode }
+            >
+            Code Locked. Unlock?
+          </Button>
+        </OverlayTrigger>
       );
     }
     return (