Use isResponsiveFromState helper a couple more places

Author: islemaster

apps/src/applab/ApplabVisualizationColumn.jsx

@@ -8,6 +8,7 @@ var PlaySpaceHeader = require('./PlaySpaceHeader');
 var PhoneFrame = require('./PhoneFrame');
 var BelowVisualization = require('../templates/BelowVisualization');
 var ProtectedStatefulDiv = require('../templates/ProtectedStatefulDiv');
+import {isResponsiveFromState} from '../templates/ProtectedVisualizationDiv';
 var applabConstants = require('./constants');
 var connect = require('react-redux').connect;
 var classNames = require('classnames');
@@ -144,7 +145,7 @@ module.exports = connect(function propsFromStore(state) {
     instructionsInTopPane: state.pageConstants.instructionsInTopPane,
     visualizationHasPadding: state.pageConstants.visualizationHasPadding,
     isShareView: state.pageConstants.isShareView,
-    isResponsive: !state.pageConstants.isEmbedView && !state.pageConstants.hideSource,
+    isResponsive: isResponsiveFromState(state),
     isIframeEmbed: state.pageConstants.isIframeEmbed,
     isRunning: state.runState.isRunning,
     isPaused: state.runState.isDebuggerPaused,

apps/src/templates/AppView.jsx

@@ -2,6 +2,7 @@
 
 import classNames from 'classnames';
 import {connect} from 'react-redux';
+import {isResponsiveFromState} from '../templates/ProtectedVisualizationDiv';
 var _ = require('../lodash');
 var ProtectedStatefulDiv = require('./ProtectedStatefulDiv');
 var StudioAppWrapper = require('./StudioAppWrapper');
@@ -54,5 +55,5 @@ var AppView = React.createClass({
   }
 });
 module.exports = connect(state => ({
-  isResponsive: !state.pageConstants.isEmbedView && !state.pageConstants.hideSource
+  isResponsive: isResponsiveFromState(state)
 }))(AppView);