[Data Explorer][Discover 2.0] Change to inspect icon and update hint msg

Issue Resolve opensearch-project#4826 opensearch-project#4825 Signed-off-by: ananzh <[email protected]>
ananzh · Aug 25, 2023 · d7a0223 · d7a0223
1 parent 551e432
commit d7a0223
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/...iscover/public/application/components/data_grid/data_grid_table_docview_expand_button.tsx b/...iscover/public/application/components/data_grid/data_grid_table_docview_expand_button.tsx
@@ -4,23 +4,24 @@
  */
 
 import React from 'react';
+import { i18n } from '@osd/i18n';
 import { EuiToolTip, EuiButtonIcon, EuiDataGridCellValueElementProps } from '@elastic/eui';
 import { useDataGridContext } from './data_grid_table_context';
 
-export const DocViewExpandButton = ({
-  rowIndex,
-  setCellProps,
-}: EuiDataGridCellValueElementProps) => {
+export const DocViewExpandButton = ({ rowIndex }: EuiDataGridCellValueElementProps) => {
   const { expandedHit, setExpandedHit, rows } = useDataGridContext();
   const currentExpanded = rows[rowIndex];
   const isCurrentExpanded = currentExpanded === expandedHit;
+  const inspectHintMsg = i18n.translate('discover.docViews.table.inspectAriaLabel', {
+    defaultMessage: 'Inspect document details',
+  });
 
   return (
-    <EuiToolTip content={`Expand row ${rowIndex}`}>
+    <EuiToolTip content={inspectHintMsg}>
       <EuiButtonIcon
         onClick={() => setExpandedHit(isCurrentExpanded ? undefined : currentExpanded)}
-        iconType={isCurrentExpanded ? 'minimize' : 'expand'}
-        aria-label={`Expand row ${rowIndex}`}
+        iconType={isCurrentExpanded ? 'minimize' : 'inspect'}
+        aria-label={inspectHintMsg}
       />
     </EuiToolTip>
   );