Extract menu label outside the component

elastic · Mar 26, 2020 · 0da6be8 · 0da6be8
1 parent d6de0d4
commit 0da6be8
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_actions_column.tsx b/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_actions_column.tsx
@@ -27,6 +27,10 @@ interface LogEntryActionsColumnProps {
   onViewDetails: () => void;
 }
 
+const MENU_LABEL = i18n.translate('xpack.infra.logEntryItemView.logEntryActionsMenuToolTip', {
+  defaultMessage: 'View Details',
+});
+
 export const LogEntryActionsColumn: React.FC<LogEntryActionsColumnProps> = ({
   isHovered,
   isMenuOpen,
@@ -39,14 +43,10 @@ export const LogEntryActionsColumn: React.FC<LogEntryActionsColumnProps> = ({
     onViewDetails();
   }, [onCloseMenu, onViewDetails]);
 
-  const label = i18n.translate('xpack.infra.logEntryItemView.logEntryActionsMenuToolTip', {
-    defaultMessage: 'View Details',
-  });
-
   const button = (
     <ButtonWrapper>
       <EuiButtonIcon
-        aria-label={label}
+        aria-label={MENU_LABEL}
         color="ghost"
         iconType="boxesHorizontal"
         onClick={onOpenMenu}