Merge pull request #16371 from joshuaswift/fix/js-disabled-message

JS is disabled alert

common/app/routes/Challenges/Preview.jsx

@@ -3,6 +3,8 @@ import { connect } from 'react-redux';
 
 import ns from './ns.json';
 import { isJSEnabledSelector } from './redux';
+import {Alert} from 'react-bootstrap';
+
 
 const mainId = 'fcc-main-frame';
 
@@ -23,9 +25,12 @@ export class Preview extends PureComponent {
       <div className={ `${ns}-preview` }>
         {
           !isJSEnabled && (
-            <span className={ `${ns}-preview-js-warning` }>
+            <Alert
+            bsStyle='info'
+            className={ `${ns}-preview-js-warning`}
+            >
               JavaScript is disabled. Execute code to enable
-            </span>
+            </Alert>
           )
         }
         <iframe