[Multiple Datasource] Remove arrow down icon from data source selecta…

…ble component (#6257) (#6319) * remove arrowdown icon from data source selector * add change log * update snapshot --------- Signed-off-by: Lu Yu <nluyu@amazon.com>
opensearch-project · Apr 3, 2024 · 31d880e · 31d880e
1 parent e0c3664
commit 31d880e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 33 deletions.
diff --git a/...nt/public/components/data_source_menu/__snapshots__/create_data_source_menu.test.tsx.snap b/...nt/public/components/data_source_menu/__snapshots__/create_data_source_menu.test.tsx.snap
diff --git a/...ent/public/components/data_source_menu/__snapshots__/data_source_selectable.test.tsx.snap b/...ent/public/components/data_source_menu/__snapshots__/data_source_selectable.test.tsx.snap
diff --git a/...gins/data_source_management/public/components/data_source_menu/data_source_selectable.tsx b/...gins/data_source_management/public/components/data_source_menu/data_source_selectable.tsx
@@ -126,16 +126,15 @@ export class DataSourceSelectable extends React.Component<
   render() {
     const button = (
       <>
-        <EuiIcon type="database" />
         <EuiButtonEmpty
           className="euiHeaderLink"
           onClick={this.onClick.bind(this)}
           data-test-subj="dataSourceSelectableContextMenuHeaderLink"
           aria-label={i18n.translate('dataSourceSelectable.dataSourceOptionsButtonAriaLabel', {
             defaultMessage: 'dataSourceMenuButton',
           })}
-          iconType="arrowDown"
-          iconSide="right"
+          iconType="database"
+          iconSide="left"
           size="s"
           disabled={this.props.disabled || false}
         >