[Maps] fix draw icons not displayed in buttons (#138433)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
elastic · Aug 9, 2022 · 0f64304 · 0f64304
1 parent c8e18f7
commit 0f64304
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/...omponents/toolbar_overlay/feature_draw_controls/feature_edit_tools/feature_edit_tools.tsx b/...omponents/toolbar_overlay/feature_draw_controls/feature_edit_tools/feature_edit_tools.tsx
@@ -10,9 +10,9 @@ import { EuiButtonIcon, EuiPanel } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { TrackApplicationView } from '@kbn/usage-collection-plugin/public';
 import { DRAW_SHAPE } from '../../../../../common/constants';
-import { VectorCircleIcon } from '../../icons/vector_circle_icon';
-import { VectorLineIcon } from '../../icons/vector_line_icon';
-import { VectorSquareIcon } from '../../icons/vector_square_icon';
+import { VectorCircleIcon } from './vector_circle_icon';
+import { VectorLineIcon } from './vector_line_icon';
+import { VectorSquareIcon } from './vector_square_icon';
 
 export interface ReduxStateProps {
   drawShape?: string;

diff --git a/...lbar_overlay/icons/vector_circle_icon.tsx → ...feature_edit_tools/vector_circle_icon.tsx b/...lbar_overlay/icons/vector_circle_icon.tsx → ...feature_edit_tools/vector_circle_icon.tsx
@@ -7,14 +7,14 @@
 
 import React, { FunctionComponent } from 'react';
 
-export const VectorCircleIcon: FunctionComponent = () => (
+export const VectorCircleIcon: FunctionComponent = (props) => (
   <svg
     width="16"
     height="16"
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    className="euiIcon"
+    {...props}
   >
     <path
       fillRule="evenodd"

diff --git a/...oolbar_overlay/icons/vector_line_icon.tsx → ...s/feature_edit_tools/vector_line_icon.tsx b/...oolbar_overlay/icons/vector_line_icon.tsx → ...s/feature_edit_tools/vector_line_icon.tsx
@@ -7,14 +7,14 @@
 
 import React, { FunctionComponent } from 'react';
 
-export const VectorLineIcon: FunctionComponent = () => (
+export const VectorLineIcon: FunctionComponent = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="16"
     height="16"
     fill="none"
     viewBox="0 0 16 16"
-    className="euiIcon"
+    {...props}
   >
     <path d="M11.506 3.881l.707.707-7.594 7.594-.707-.707z" />
     <path

diff --git a/...lbar_overlay/icons/vector_square_icon.tsx → ...feature_edit_tools/vector_square_icon.tsx b/...lbar_overlay/icons/vector_square_icon.tsx → ...feature_edit_tools/vector_square_icon.tsx
@@ -7,14 +7,14 @@
 
 import React, { FunctionComponent } from 'react';
 
-export const VectorSquareIcon: FunctionComponent = () => (
+export const VectorSquareIcon: FunctionComponent = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="16"
     height="16"
     fill="none"
     viewBox="0 0 16 16"
-    className="euiIcon"
+    {...props}
   >
     <path
       fillRule="evenodd"