remove autorefresh button from o11y rules page (#130526)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

x-pack/plugins/observability/public/pages/rules/index.tsx

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import React, { useState, useMemo, useEffect } from 'react';
+import React, { useState, useMemo } from 'react';
 import { capitalize, sortBy } from 'lodash';
 import {
   EuiButton,
@@ -15,10 +15,8 @@ import {
   EuiButtonEmpty,
   EuiText,
   EuiHorizontalRule,
-  EuiAutoRefreshButton,
   EuiTableSortingType,
   EuiFieldSearch,
-  OnRefreshChangeProps,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
@@ -93,8 +91,6 @@ export function RulesPage() {
   });
   const [inputText, setInputText] = useState<string | undefined>();
   const [searchText, setSearchText] = useState<string | undefined>();
-  const [refreshInterval, setRefreshInterval] = useState(60000);
-  const [isPaused, setIsPaused] = useState(false);
   const [ruleLastResponseFilter, setRuleLastResponseFilter] = useState<string[]>([]);
   const [typesFilter, setTypesFilter] = useState<string[]>([]);
   const [currentRuleToEdit, setCurrentRuleToEdit] = useState<RuleTableItem | null>(null);
@@ -108,14 +104,6 @@ export function RulesPage() {
     setCurrentRuleToEdit(ruleItem);
   };
 
-  const onRefreshChange = ({
-    isPaused: isPausedChanged,
-    refreshInterval: refreshIntervalChanged,
-  }: OnRefreshChangeProps) => {
-    setIsPaused(isPausedChanged);
-    setRefreshInterval(refreshIntervalChanged);
-  };
-
   const { rulesState, setRulesState, reload, noData, initialLoad } = useFetchRules({
     searchText,
     ruleLastResponseFilter,
@@ -160,15 +148,6 @@ export function RulesPage() {
     (ruleType) => ruleType.authorizedConsumers[ALERTS_FEATURE_ID]?.all
   );
 
-  useEffect(() => {
-    const interval = setInterval(() => {
-      if (!isPaused) {
-        reload();
-      }
-    }, refreshInterval);
-    return () => clearInterval(interval);
-  }, [refreshInterval, reload, isPaused]);
-
   useBreadcrumbs([
     {
       text: i18n.translate('xpack.observability.breadcrumbs.alertsLinkText', {
@@ -368,14 +347,6 @@ export function RulesPage() {
               />
             </EuiText>
           </EuiFlexItem>
-          <EuiFlexItem>
-            <EuiAutoRefreshButton
-              isPaused={isPaused}
-              refreshInterval={refreshInterval}
-              onRefreshChange={onRefreshChange}
-              shortHand
-            />
-          </EuiFlexItem>
         </EuiFlexGroup>
         <EuiHorizontalRule margin="xs" />
         <EuiFlexGroup direction="column" gutterSize="s">