fix stuff

elastic · Dec 22, 2020 · 0f32e4b · 0f32e4b
1 parent 793f8ed
commit 0f32e4b
Showing 1 changed file with 45 additions and 46 deletions.
diff --git a/x-pack/plugins/lens/public/editor_frame_service/embeddable/expression_wrapper.tsx b/x-pack/plugins/lens/public/editor_frame_service/embeddable/expression_wrapper.tsx
@@ -15,6 +15,7 @@ import {
 } from 'src/plugins/expressions/public';
 import { ExecutionContextSearch } from 'src/plugins/data/public';
 import { DefaultInspectorAdapters, RenderMode } from 'src/plugins/expressions';
+import classNames from 'classnames';
 import { getOriginalRequestErrorMessage } from '../error_helper';
 
 export interface ExpressionWrapperProps {
@@ -49,52 +50,50 @@ export function ExpressionWrapper({
 }: ExpressionWrapperProps) {
   return (
     <I18nProvider>
-      <div className={className} style={style}>
-        {expression === null || expression === '' ? (
-          <EuiFlexGroup direction="column" alignItems="center" justifyContent="center">
-            <EuiFlexItem>
-              <EuiIcon type="alert" color="danger" />
-            </EuiFlexItem>
-            <EuiFlexItem>
-              <EuiText size="s">
-                <FormattedMessage
-                  id="xpack.lens.embeddable.failure"
-                  defaultMessage="Visualization couldn't be displayed"
-                />
-              </EuiText>
-            </EuiFlexItem>
-          </EuiFlexGroup>
-        ) : (
-          <div className="lnsExpressionRenderer">
-            <ExpressionRendererComponent
-              className="lnsExpressionRenderer__component"
-              padding="s"
-              variables={variables}
-              expression={expression}
-              searchContext={searchContext}
-              searchSessionId={searchSessionId}
-              onData$={onData$}
-              renderMode={renderMode}
-              renderError={(errorMessage, error) => (
-                <div data-test-subj="expression-renderer-error">
-                  <EuiFlexGroup direction="column" alignItems="center" justifyContent="center">
-                    <EuiFlexItem>
-                      <EuiIcon type="alert" color="danger" />
-                    </EuiFlexItem>
-                    <EuiFlexItem>
-                      <EuiText size="s">
-                        {getOriginalRequestErrorMessage(error) || errorMessage}
-                      </EuiText>
-                    </EuiFlexItem>
-                  </EuiFlexGroup>
-                </div>
-              )}
-              onEvent={handleEvent}
-              hasCompatibleActions={hasCompatibleActions}
-            />
-          </div>
-        )}
-      </div>
+      {expression === null || expression === '' ? (
+        <EuiFlexGroup direction="column" alignItems="center" justifyContent="center">
+          <EuiFlexItem>
+            <EuiIcon type="alert" color="danger" />
+          </EuiFlexItem>
+          <EuiFlexItem>
+            <EuiText size="s">
+              <FormattedMessage
+                id="xpack.lens.embeddable.failure"
+                defaultMessage="Visualization couldn't be displayed"
+              />
+            </EuiText>
+          </EuiFlexItem>
+        </EuiFlexGroup>
+      ) : (
+        <div className={classNames('lnsExpressionRenderer', className)} style={style}>
+          <ExpressionRendererComponent
+            className="lnsExpressionRenderer__component"
+            padding="s"
+            variables={variables}
+            expression={expression}
+            searchContext={searchContext}
+            searchSessionId={searchSessionId}
+            onData$={onData$}
+            renderMode={renderMode}
+            renderError={(errorMessage, error) => (
+              <div data-test-subj="expression-renderer-error">
+                <EuiFlexGroup direction="column" alignItems="center" justifyContent="center">
+                  <EuiFlexItem>
+                    <EuiIcon type="alert" color="danger" />
+                  </EuiFlexItem>
+                  <EuiFlexItem>
+                    <EuiText size="s">
+                      {getOriginalRequestErrorMessage(error) || errorMessage}
+                    </EuiText>
+                  </EuiFlexItem>
+                </EuiFlexGroup>
+              </div>
+            )}
+            onEvent={handleEvent}
+            hasCompatibleActions={hasCompatibleActions}
+          />
+        </div>
+      )}
     </I18nProvider>
   );
 }