From be90615025d4e70477ef68b978da969fbc0fc0fd Mon Sep 17 00:00:00 2001
From: Opender Singh <opender94@gmail.com>
Date: Tue, 18 Aug 2020 08:42:10 +1200
Subject: [PATCH] Don't try to render swaggerui if the preview is hidden
 (#2519)

---
 .../app/ui/components/wrapper-design.js       | 56 ++++++++++---------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/packages/insomnia-app/app/ui/components/wrapper-design.js b/packages/insomnia-app/app/ui/components/wrapper-design.js
index 6787508aae..0adbdffeef 100644
--- a/packages/insomnia-app/app/ui/components/wrapper-design.js
+++ b/packages/insomnia-app/app/ui/components/wrapper-design.js
@@ -219,33 +219,35 @@ class WrapperDesign extends React.PureComponent<Props, State> {
             className={classnames('spec-editor layout-body--sidebar theme--pane', {
               'preview-hidden': previewHidden,
             })}>
-            <div id="swagger-ui-wrapper">
-              <ErrorBoundary
-                invalidationKey={activeApiSpec.contents}
-                renderError={() => (
-                  <div className="text-left margin pad">
-                    <h3>An error occurred while trying to render Swagger UI 😢</h3>
-                    <p>
-                      This preview will automatically refresh, once you have a valid specification
-                      that can be previewed.
-                    </p>
-                  </div>
-                )}>
-                <SwaggerUI
-                  spec={swaggerUiSpec}
-                  supportedSubmitMethods={[
-                    'get',
-                    'put',
-                    'post',
-                    'delete',
-                    'options',
-                    'head',
-                    'patch',
-                    'trace',
-                  ]}
-                />
-              </ErrorBoundary>
-            </div>
+            {previewHidden ? null : (
+              <div id="swagger-ui-wrapper">
+                <ErrorBoundary
+                  invalidationKey={activeApiSpec.contents}
+                  renderError={() => (
+                    <div className="text-left margin pad">
+                      <h3>An error occurred while trying to render Swagger UI 😢</h3>
+                      <p>
+                        This preview will automatically refresh, once you have a valid specification
+                        that can be previewed.
+                      </p>
+                    </div>
+                  )}>
+                  <SwaggerUI
+                    spec={swaggerUiSpec}
+                    supportedSubmitMethods={[
+                      'get',
+                      'put',
+                      'post',
+                      'delete',
+                      'options',
+                      'head',
+                      'patch',
+                      'trace',
+                    ]}
+                  />
+                </ErrorBoundary>
+              </div>
+            )}
             <div className="spec-editor__body theme--pane__body">
               <CodeEditor
                 manualPrettify