Disable apply button at initial state and move agents to their original position

public/components/add-modules-data/sample-data.tsx

@@ -13,12 +13,7 @@
 import React, { Component, Fragment } from 'react';
 import { WzButtonPermissions } from '../../components/common/permissions/button';
 
-import {
-  EuiFlexItem,
-  EuiCard,
-  EuiFlexGrid,
-  EuiFlexGroup,
-} from '@elastic/eui';
+import { EuiFlexItem, EuiCard, EuiFlexGrid, EuiFlexGroup } from '@elastic/eui';
 
 import { getToasts } from '../../kibana-services';
 import { WzRequest } from '../../react-services/wz-request';
@@ -234,9 +229,8 @@ export default class WzSampleData extends Component {
     }
   }
   renderCard(category) {
-    const { addDataLoading, exists, removeDataLoading } = this.state[
-      category.categorySampleAlertsIndex
-    ];
+    const { addDataLoading, exists, removeDataLoading } =
+      this.state[category.categorySampleAlertsIndex];
     return (
       <EuiFlexItem key={`sample-data-${category.title}`}>
         <EuiCard

public/components/common/hooks/use-filter-manager.ts

@@ -10,10 +10,9 @@
  * Find more information about this on the LICENSE file.
  */
 import { getDataPlugin } from '../../../kibana-services';
-import { useState, useEffect} from 'react';
-
+import { useState, useEffect } from 'react';
 
 export const useFilterManager = () => {
-    const [filterManager, setFilterManager] = useState(getDataPlugin().query.filterManager);
-    return filterManager;
-}
+  const [filterManager, setFilterManager] = useState(getDataPlugin().query.filterManager);
+  return filterManager;
+};