[Graph] Replace last KUI buttons with EUI ones (elastic#166588)

## Summary Fixes elastic#166583 <img width="282" alt="Screenshot 2023-09-18 at 10 11 54" src="https://github.com/elastic/kibana/assets/924948/14c1befa-cc76-4228-bd4c-eff62337448e">
gbamparop · Sep 18, 2023 · 1b23ebe · 1b23ebe
1 parent dcd3a47
commit 1b23ebe
Showing 1 changed file with 23 additions and 22 deletions.
diff --git a/x-pack/plugins/graph/public/components/control_panel/selection_tool_bar.tsx b/x-pack/plugins/graph/public/components/control_panel/selection_tool_bar.tsx
@@ -7,7 +7,7 @@
 
 import React from 'react';
 import { i18n } from '@kbn/i18n';
-import { EuiFlexGroup, EuiFlexItem, EuiToolTip } from '@elastic/eui';
+import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem, EuiToolTip } from '@elastic/eui';
 import { ControlType, Workspace } from '../../types';
 
 interface SelectionToolBarProps {
@@ -74,61 +74,62 @@ export const SelectionToolBar = ({ workspace, onSetControl }: SelectionToolBarPr
     >
       <EuiFlexItem grow={false}>
         <EuiToolTip content={selectAllButtonMsg}>
-          <button
+          <EuiButtonEmpty
             data-test-subj="graphSelectAll"
-            type="button"
-            className="kuiButton kuiButton--basic kuiButton--small"
-            disabled={haveNodes}
+            size="s"
+            isDisabled={haveNodes}
+            color="text"
             onClick={onSelectAllClick}
           >
             {i18n.translate('xpack.graph.sidebar.selections.selectAllButtonLabel', {
               defaultMessage: 'all',
             })}
-          </button>
+          </EuiButtonEmpty>
         </EuiToolTip>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiToolTip content={selectNoneButtonMsg}>
-          <button
-            type="button"
-            className="kuiButton kuiButton--basic kuiButton--small"
-            disabled={haveNodes}
+          <EuiButtonEmpty
+            data-test-subj="graphSelectNone"
+            size="s"
+            isDisabled={haveNodes}
+            color="text"
             onClick={onSelectNoneClick}
           >
             {i18n.translate('xpack.graph.sidebar.selections.selectNoneButtonLabel', {
               defaultMessage: 'none',
             })}
-          </button>
+          </EuiButtonEmpty>
         </EuiToolTip>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiToolTip content={invertSelectionButtonMsg}>
-          <button
+          <EuiButtonEmpty
             data-test-subj="graphInvertSelection"
-            type="button"
-            className="kuiButton kuiButton--basic kuiButton--small"
-            disabled={haveNodes}
+            size="s"
+            isDisabled={haveNodes}
+            color="text"
             onClick={onInvertSelectionClick}
           >
             {i18n.translate('xpack.graph.sidebar.selections.invertSelectionButtonLabel', {
               defaultMessage: 'invert',
             })}
-          </button>
+          </EuiButtonEmpty>
         </EuiToolTip>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiToolTip content={selectNeighboursButtonMsg}>
-          <button
-            type="button"
-            className="kuiButton kuiButton--basic kuiButton--small"
-            disabled={workspace.selectedNodes.length === 0}
-            onClick={onSelectNeighboursClick}
+          <EuiButtonEmpty
             data-test-subj="graphLinkedSelection"
+            size="s"
+            isDisabled={workspace.selectedNodes.length === 0}
+            color="text"
+            onClick={onSelectNeighboursClick}
           >
             {i18n.translate('xpack.graph.sidebar.selections.selectNeighboursButtonLabel', {
               defaultMessage: 'linked',
             })}
-          </button>
+          </EuiButtonEmpty>
         </EuiToolTip>
       </EuiFlexItem>
     </EuiFlexGroup>