From 3a191fcf467255426f8a1630679b76c5131cd4db Mon Sep 17 00:00:00 2001
From: Todd Chaffee <tc@bluecrow.biz>
Date: Thu, 22 Mar 2018 13:31:09 -0300
Subject: [PATCH] fix: remove flash saying JS is disabled

---
 common/app/routes/Challenges/Preview.jsx     | 56 ++++----------------
 common/app/routes/Challenges/challenges.less |  8 ---
 2 files changed, 11 insertions(+), 53 deletions(-)

diff --git a/common/app/routes/Challenges/Preview.jsx b/common/app/routes/Challenges/Preview.jsx
index 6457e8114c..f47f6fb0c7 100644
--- a/common/app/routes/Challenges/Preview.jsx
+++ b/common/app/routes/Challenges/Preview.jsx
@@ -1,54 +1,20 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
+import React from 'react';
 
 import ns from './ns.json';
-import { isJSEnabledSelector } from './redux';
-import {Alert} from 'react-bootstrap';
-
 
 const mainId = 'fcc-main-frame';
 
-const mapStateToProps = state => ({
-  isJSEnabled: isJSEnabledSelector(state)
-});
-const mapDispatchToProps = null;
-const propTypes = {
-  isJSEnabled: PropTypes.bool
+const Preview = () => {
+  return (
+    <div className={ `${ns}-preview` }>
+      <iframe
+        className={ `${ns}-preview-frame` }
+        id={ mainId }
+      />
+    </div>
+  );
 };
 
-export class Preview extends PureComponent {
-  render() {
-    const {
-      isJSEnabled
-    } = this.props;
-    return (
-      <div className={ `${ns}-preview` }>
-        {
-          !isJSEnabled && (
-            <div className='js-alert-wrapper'>
-              <Alert
-              bsStyle='info'
-              className={ `${ns}-preview-js-warning` }
-              >
-                JavaScript is disabled. Execute code to enable
-              </Alert>
-            </div>
-          )
-        }
-        <iframe
-          className={ `${ns}-preview-frame` }
-          id={ mainId }
-        />
-      </div>
-    );
-  }
-}
-
-Preview.propTypes = propTypes;
 Preview.displayName = 'Preview';
 
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(Preview);
+export default Preview;
diff --git a/common/app/routes/Challenges/challenges.less b/common/app/routes/Challenges/challenges.less
index 9f44ca3edb..2a70198e69 100644
--- a/common/app/routes/Challenges/challenges.less
+++ b/common/app/routes/Challenges/challenges.less
@@ -186,14 +186,6 @@
   .max-element-height();
   width: 100%;
   overflow-y: hidden;
-
-  .js-alert-wrapper {
-    .max-element-height();
-    z-index: 5;
-    position: fixed;
-    width: 100%
-  }
-
 }
 
 .@{ns}-preview-frame {