Move constants outside render

elastic · May 4, 2022 · e86baaf · e86baaf
1 parent 0a72bc1
commit e86baaf
Showing 1 changed file with 14 additions and 20 deletions.
diff --git a/src/plugins/unified_search/public/filter_bar/filter_editor/index.tsx b/src/plugins/unified_search/public/filter_bar/filter_editor/index.tsx
@@ -70,6 +70,20 @@ interface State {
   isCustomEditorOpen: boolean;
 }
 
+const panelTitleAdd = i18n.translate('unifiedSearch.filter.filterEditor.addFilterPopupTitle', {
+  defaultMessage: 'Add filter',
+});
+const panelTitleEdit = i18n.translate('unifiedSearch.filter.filterEditor.editFilterPopupTitle', {
+  defaultMessage: 'Edit filter',
+});
+
+const addButtonLabel = i18n.translate('unifiedSearch.filter.filterEditor.addButtonLabel', {
+  defaultMessage: 'Add filter',
+});
+const updateButtonLabel = i18n.translate('unifiedSearch.filter.filterEditor.updateButtonLabel', {
+  defaultMessage: 'Update filter',
+});
+
 class FilterEditorUI extends Component<Props, State> {
   constructor(props: Props) {
     super(props);
@@ -86,26 +100,6 @@ class FilterEditorUI extends Component<Props, State> {
   }
 
   public render() {
-    const panelTitleAdd = i18n.translate('unifiedSearch.filter.filterEditor.addFilterPopupTitle', {
-      defaultMessage: 'Add filter',
-    });
-    const panelTitleEdit = i18n.translate(
-      'unifiedSearch.filter.filterEditor.editFilterPopupTitle',
-      {
-        defaultMessage: 'Edit filter',
-      }
-    );
-
-    const addButtonLabel = i18n.translate('unifiedSearch.filter.filterEditor.addButtonLabel', {
-      defaultMessage: 'Add filter',
-    });
-    const updateButtonLabel = i18n.translate(
-      'unifiedSearch.filter.filterEditor.updateButtonLabel',
-      {
-        defaultMessage: 'Update filter',
-      }
-    );
-
     return (
       <div>
         <EuiPopoverTitle paddingSize="s">