foreman_webhooks 3.0.3 → 3.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1334f49eb8f7f4e7459b9be38c441530ded5f9bf3c9ec4e3b81486d10790966f
-  data.tar.gz: 17d3ed3b1aada4e91b227a59c2f0aaed8530bf9ff574cb9356373c7b45a27508
+  metadata.gz: 5382cbf96f38f9ab42cef651aaf8eb1e602d2c651352c370138b911e7cd10901
+  data.tar.gz: 5e32f69db8731876e51af931c9d3b174c9dcae62ae3ebdb11b186d70b5fff384
 SHA512:
-  metadata.gz: a49b1de24a65d38bec45c490ef8d88e7a04fbc682b990f09832f6de36450557bbccf9a306de1bd0c6032f594ca7e45512de4b3cdf3872c74e59e1b7b119abfe5
-  data.tar.gz: 107303f91d79b0590ac2d304adc0a36bf6f616bde6d7c6427744a5b71f2a9e696a61776e497433cb5a4db46dc6774464934c4256245a09e32ef4d96e1e018510
+  metadata.gz: fc5314756061144ef29988e98b7344c25b2df0e13b3cb122a965d071c18c5fdb9e46badc061b50f2e79b76e33ebf95e8d9c54671bac1dd0e46b334e070a9048a
+  data.tar.gz: f9e3824a1b66dfdd988eeb9b3bbbd922d9e9b460bb7922a0139130a47cf7074ed958449c82e97941b7492328b361f2296026168b41ee85d492689ae691620012

data/app/models/webhook.rb

@@ -79,7 +79,10 @@ class Webhook < ApplicationRecord
 
   def ca_certs_store
     store = OpenSSL::X509::Store.new
-    return store if ssl_ca_certs.blank?
+    if ssl_ca_certs.blank?
+      store.set_default_paths
+      return store
+    end
 
     ssl_ca_certs.split(/(?=-----BEGIN)/).each do |cert|
       store.add_cert(OpenSSL::X509::Certificate.new(cert))

data/lib/foreman_webhooks/engine.rb

@@ -15,7 +15,7 @@ module ForemanWebhooks
 
     initializer 'foreman_webhooks.register_plugin', before: :finisher_hook do |_app|
       Foreman::Plugin.register :foreman_webhooks do
-        requires_foreman '>= 3.2'
+        requires_foreman '>= 3.3'
 
         apipie_documented_controllers ["#{ForemanWebhooks::Engine.root}/app/controllers/api/v2/*.rb"]
         ApipieDSL.configuration.sections += ['webhooks']

data/lib/foreman_webhooks/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ForemanWebhooks
-  VERSION = '3.0.3'
+  VERSION = '3.0.4'
 end

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/Components/EmptyWebhooksTable/index.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import DefaultEmptyState from 'foremanReact/components/common/EmptyState';
+
+const EmptyWebhooksTable = ({ message: { type, text } }) => (
+  <DefaultEmptyState
+    icon={type === 'error' ? 'error-circle-o' : 'add-circle-o'}
+    header={type === 'error' ? __('Error') : __('No Results')}
+    description={text}
+    documentation={null}
+  />
+);
+
+EmptyWebhooksTable.propTypes = {
+  message: PropTypes.shape({
+    type: PropTypes.oneOf(['empty', 'error']),
+    text: PropTypes.string,
+  }),
+};
+
+EmptyWebhooksTable.defaultProps = {
+  message: {
+    type: 'empty',
+    text: __('Try to create a new webhook'),
+  },
+};
+
+export default EmptyWebhooksTable;

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/WebhooksTable.js

@@ -1,33 +1,56 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { useSelector } from 'react-redux';
+import { isEmpty } from 'lodash';
 
 import { Table } from 'foremanReact/components/common/table';
 import Pagination from 'foremanReact/components/Pagination';
+import Loading from 'foremanReact/components/Loading';
 import { useForemanModal } from 'foremanReact/components/ForemanModal/ForemanModalHooks';
 
 import WebhookDeleteModal from '../WebhookDeleteModal';
 import WebhookEditModal from '../WebhookEditModal';
+import EmptyWebhooksTable from './Components/EmptyWebhooksTable';
 
 import createWebhooksTableSchema from './WebhooksTableSchema';
 
 import { WEBHOOK_EDIT_MODAL_ID } from '../../../constants';
 
+import {
+  selectWebhooks,
+  selectPage,
+  selectPerPage,
+  selectSearch,
+  selectSort,
+  selectHasData,
+  selectHasError,
+  selectIsLoading,
+  selectSubtotal,
+  selectMessage,
+} from '../../../WebhooksPageSelectors';
+
 const WebhooksTable = ({
   fetchAndPush,
-  itemCount,
-  results,
-  sort,
-  pagination,
   toDelete,
   onDeleteClick,
   toEdit,
   onEditClick,
   reloadWithSearch,
-  search,
 }) => {
+  const webhooks = useSelector(selectWebhooks);
+  const page = useSelector(selectPage);
+  const perPage = useSelector(selectPerPage);
+  const search = useSelector(selectSearch);
+  const sort = useSelector(selectSort);
+  const isLoading = useSelector(selectIsLoading);
+  const hasData = useSelector(selectHasData);
+  const hasError = useSelector(selectHasError);
+  const itemCount = useSelector(selectSubtotal);
+  const message = useSelector(selectMessage);
+
   const onDeleteSuccess = () => {
-    const currentPage = pagination.page;
-    const maxPage = Math.ceil((itemCount - 1) / pagination.perPage);
+    const currentPage = page;
+    const maxPage = Math.ceil((itemCount - 1) / perPage);
     fetchAndPush({ page: maxPage < currentPage ? maxPage : currentPage });
   };
 
@@ -35,6 +58,12 @@ const WebhooksTable = ({
     id: WEBHOOK_EDIT_MODAL_ID,
   });
 
+  if (isLoading && !hasError) return <Loading />;
+
+  if (!isLoading && !hasData && isEmpty(search)) {
+    return <EmptyWebhooksTable message={message} />;
+  }
+
   return (
     <React.Fragment>
       <WebhookDeleteModal toDelete={toDelete} onSuccess={onDeleteSuccess} />
@@ -55,7 +84,7 @@ const WebhooksTable = ({
           onDeleteClick,
           onEditClick
         )}
-        rows={results}
+        rows={webhooks}
         id="webhooks-table"
       />
       <Pagination itemCount={itemCount} onChange={fetchAndPush} />
@@ -64,22 +93,12 @@ const WebhooksTable = ({
 };
 
 WebhooksTable.propTypes = {
-  results: PropTypes.array.isRequired,
   fetchAndPush: PropTypes.func.isRequired,
   onDeleteClick: PropTypes.func.isRequired,
   onEditClick: PropTypes.func.isRequired,
-  itemCount: PropTypes.number.isRequired,
-  sort: PropTypes.object,
-  pagination: PropTypes.object.isRequired,
   toDelete: PropTypes.object.isRequired,
   toEdit: PropTypes.number.isRequired,
   reloadWithSearch: PropTypes.func.isRequired,
-  search: PropTypes.string,
-};
-
-WebhooksTable.defaultProps = {
-  sort: { by: '', order: '' },
-  search: '',
 };
 
 export default WebhooksTable;

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/WebhooksIndexPage.js

@@ -1,33 +1,28 @@
 import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { Button } from 'patternfly-react';
+import { useSelector, useDispatch } from 'react-redux';
 
+import TableIndexPage from 'foremanReact/components/PF4/TableIndexPage/TableIndexPage';
 import { translate as __ } from 'foremanReact/common/I18n';
-import PageLayout from 'foremanReact/routes/common/PageLayout/PageLayout';
 import { useForemanModal } from 'foremanReact/components/ForemanModal/ForemanModalHooks';
-import { withRenderHandler } from 'foremanReact/common/HOC';
 
-import { WEBHOOKS_SEARCH_PROPS, WEBHOOK_CREATE_MODAL_ID } from '../constants';
+import {
+  WEBHOOKS_API_PATH,
+  WEBHOOKS_API_REQUEST_KEY,
+  WEBHOOK_CREATE_MODAL_ID,
+} from '../constants';
+
+import { selectSearch } from '../WebhooksPageSelectors';
 
 import WebhooksTable from './Components/WebhooksTable';
 import WebhookCreateModal from './Components/WebhookCreateModal';
-import EmptyWebhooksIndexPage from './Components/EmptyWebhooksIndexPage';
 
-const WebhooksIndexPage = ({
-  fetchAndPush,
-  search,
-  isLoading,
-  hasData,
-  webhooks,
-  page,
-  perPage,
-  sort,
-  hasError,
-  itemCount,
-  message,
-  canCreate,
-  reloadWithSearch,
-}) => {
+import { reloadWithSearch, fetchAndPush } from '../WebhooksPageActions';
+
+const WebhooksIndexPage = () => {
+  const dispatch = useDispatch();
+
+  const search = useSelector(selectSearch);
+
   const [toDelete, setToDelete] = useState({});
   const [toEdit, setToEdit] = useState(0);
 
@@ -38,76 +33,33 @@ const WebhooksIndexPage = ({
     id: WEBHOOK_CREATE_MODAL_ID,
   });
 
-  const createBtn = (
-    <Button onClick={setCreateModalOpen} bsStyle="primary">
-      {__('Create Webhook')}
-    </Button>
-  );
-
   return (
     <>
       <WebhookCreateModal
         onSuccess={() => {
           setCreateModalClosed();
-          reloadWithSearch(search);
+          dispatch(reloadWithSearch(search));
         }}
         onCancel={setCreateModalClosed}
       />
-      <PageLayout
+      <TableIndexPage
         header={__('Webhooks')}
-        searchable={!isLoading}
-        searchProps={WEBHOOKS_SEARCH_PROPS}
-        searchQuery={search}
-        isLoading={isLoading && hasData}
-        onSearch={reloadWithSearch}
-        onBookmarkClick={reloadWithSearch}
-        toolbarButtons={canCreate && createBtn}
+        controller="webhooks"
+        apiUrl={WEBHOOKS_API_PATH}
+        apiOptions={{ key: WEBHOOKS_API_REQUEST_KEY }}
+        customCreateAction={() => setCreateModalOpen}
       >
         <WebhooksTable
-          results={webhooks}
-          fetchAndPush={fetchAndPush}
-          pagination={{ page, perPage }}
-          itemCount={itemCount}
-          sort={sort}
+          fetchAndPush={params => dispatch(fetchAndPush(params))}
           toDelete={toDelete}
           setToDelete={setToDelete}
-          hasData={hasData}
-          hasError={hasError}
-          isLoading={isLoading}
           toEdit={toEdit}
           setToEdit={setToEdit}
-          reloadWithSearch={reloadWithSearch}
+          reloadWithSearch={query => dispatch(reloadWithSearch(query))}
         />
-      </PageLayout>
+      </TableIndexPage>
     </>
   );
 };
 
-WebhooksIndexPage.propTypes = {
-  fetchAndPush: PropTypes.func.isRequired,
-  search: PropTypes.string,
-  isLoading: PropTypes.bool.isRequired,
-  hasData: PropTypes.bool.isRequired,
-  webhooks: PropTypes.array.isRequired,
-  page: PropTypes.number,
-  perPage: PropTypes.number,
-  sort: PropTypes.object.isRequired,
-  hasError: PropTypes.bool.isRequired,
-  itemCount: PropTypes.number.isRequired,
-  message: PropTypes.object,
-  canCreate: PropTypes.bool.isRequired,
-  reloadWithSearch: PropTypes.func.isRequired,
-};
-
-WebhooksIndexPage.defaultProps = {
-  page: null,
-  perPage: null,
-  search: '',
-  message: { type: 'empty', text: __('Try to create a new Webhook') },
-};
-
-export default withRenderHandler({
-  Component: WebhooksIndexPage,
-  EmptyComponent: EmptyWebhooksIndexPage,
-  ErrorComponent: EmptyWebhooksIndexPage,
-});
+export default WebhooksIndexPage;

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/__tests__/WebhooksIndexPage.test.js

@@ -1,4 +1,8 @@
+import React from 'react';
 import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+import { Provider } from 'react-redux';
+import { createStore } from 'redux';
+
 import WebhooksIndexPage from '../WebhooksIndexPage';
 
 const fixtures = {
@@ -17,6 +21,12 @@ const fixtures = {
 };
 
 describe('WebhooksIndexPage', () => {
-  describe('redering', () =>
-    testComponentSnapshotsWithFixtures(WebhooksIndexPage, fixtures));
+  describe('redering', () => {
+    const webhooksPage = () => (
+      <Provider store={createStore((state = [], action) => state)}>
+        <WebhooksIndexPage />
+      </Provider>
+    );
+    testComponentSnapshotsWithFixtures(webhooksPage, fixtures);
+  });
 });

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/__tests__/__snapshots__/WebhooksIndexPage.test.js.snap

@@ -1,25 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`WebhooksIndexPage redering render with minimal props 1`] = `
-<WebhooksIndexPage
-  canCreate={true}
-  fetchAndPush={[MockFunction]}
-  handleCreateSubmit={[MockFunction]}
-  hasData={false}
-  hasError={false}
-  isLoading={false}
-  itemCount={0}
-  message={
+<Provider
+  store={
     Object {
-      "text": "Try to create a new Webhook",
-      "type": "empty",
+      "dispatch": [Function],
+      "getState": [Function],
+      "replaceReducer": [Function],
+      "subscribe": [Function],
+      Symbol(Symbol.observable): [Function],
     }
   }
-  page={null}
-  perPage={null}
-  reloadWithSearch={[MockFunction]}
-  search=""
-  sort={Object {}}
-  webhooks={Array []}
-/>
+>
+  <WebhooksIndexPage />
+</Provider>
 `;

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/__tests__/__snapshots__/integration.test.js.snap

@@ -5,15 +5,9 @@ Object {
   "action": Array [
     Array [
       Object {
-        "key": "WEBHOOKS",
-        "params": Object {
-          "order": "",
-          "page": 1,
-          "per_page": 20,
-          "search": "",
-        },
+        "key": "WEBHOOK_EVENTS",
         "type": "get-some-type",
-        "url": "/api/v2/webhooks?include_permissions=true",
+        "url": "",
       },
     ],
   ],
@@ -26,15 +20,9 @@ Object {
   "action": Array [
     Array [
       Object {
-        "key": "WEBHOOKS",
-        "params": Object {
-          "order": "",
-          "page": 1,
-          "per_page": 20,
-          "search": "",
-        },
+        "key": "WEBHOOK_EVENTS",
         "type": "get-some-type",
-        "url": "/api/v2/webhooks?include_permissions=true",
+        "url": "",
       },
     ],
   ],

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/index.js

@@ -1,43 +1,3 @@
-import { connect } from 'react-redux';
-import { compose, bindActionCreators } from 'redux';
-
-import { callOnMount, callOnPopState } from 'foremanReact/common/HOC';
-
 import WebhooksIndexPage from './WebhooksIndexPage';
-import * as actions from '../WebhooksPageActions';
-
-import {
-  selectWebhooks,
-  selectPage,
-  selectPerPage,
-  selectSearch,
-  selectSort,
-  selectHasData,
-  selectHasError,
-  selectIsLoading,
-  selectSubtotal,
-  selectMessage,
-  selectCanCreate,
-} from '../WebhooksPageSelectors';
-
-const mapStateToProps = state => ({
-  webhooks: selectWebhooks(state),
-  page: selectPage(state),
-  perPage: selectPerPage(state),
-  search: selectSearch(state),
-  sort: selectSort(state),
-  isLoading: selectIsLoading(state),
-  hasData: selectHasData(state),
-  hasError: selectHasError(state),
-  itemCount: selectSubtotal(state),
-  message: selectMessage(state),
-  canCreate: selectCanCreate(state),
-});
-
-const mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);
 
-export default compose(
-  connect(mapStateToProps, mapDispatchToProps),
-  callOnMount(({ initializeWebhooks }) => initializeWebhooks()),
-  callOnPopState(({ fetchWebhooks }) => fetchWebhooks())
-)(WebhooksIndexPage);
+export default WebhooksIndexPage;

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksPageActions.js

@@ -1,6 +1,6 @@
 import history from 'foremanReact/history';
 import { get } from 'foremanReact/redux/API';
-import { stringifyParams, getParams } from 'foremanReact/common/urlHelpers';
+import { stringifyParams } from 'foremanReact/common/urlHelpers';
 
 import { buildQuery } from './WebhooksPageHelpers';
 import {
@@ -9,17 +9,6 @@ import {
   WEBHOOKS_API_REQUEST_KEY,
 } from './constants';
 
-export const initializeWebhooks = () => dispatch => {
-  const params = getParams();
-  dispatch(fetchWebhooks({ per_page: params.perPage, ...params }));
-  if (!history.action === 'POP') {
-    history.replace({
-      pathname: WEBHOOKS_PATH,
-      search: stringifyParams(params),
-    });
-  }
-};
-
 export const fetchWebhooks = (
   /* eslint-disable-next-line camelcase */
   { page, per_page, searchQuery, sort },

data/webpack/ForemanWebhooks/Routes/Webhooks/constants.js

@@ -1,12 +1,9 @@
-import { getControllerSearchProps } from 'foremanReact/constants';
-
 export const WEBHOOKS_PAGE_DATA_RESOLVED = 'WEBHOOKS_PAGE_DATA_RESOLVED';
 export const WEBHOOKS_PAGE_DATA_FAILED = 'WEBHOOKS_PAGE_DATA_FAILED';
 export const WEBHOOKS_PAGE_HIDE_LOADING = 'WEBHOOKS_PAGE_HIDE_LOADING';
 export const WEBHOOKS_PAGE_SHOW_LOADING = 'WEBHOOKS_PAGE_SHOW_LOADING';
 export const WEBHOOKS_PAGE_CLEAR_ERROR = 'WEBHOOKS_PAGE_CLEAR_ERROR';
 
-export const WEBHOOKS_SEARCH_PROPS = getControllerSearchProps('webhooks');
 export const WEBHOOKS_API_PATH = '/api/v2/webhooks?include_permissions=true';
 export const WEBHOOKS_PATH = '/webhooks';
 export const WEBHOOKS_API_REQUEST_KEY = 'WEBHOOKS';

data/webpack/__mocks__/foremanReact/components/PF4/TableIndexPage/TableIndexPage.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const TableIndexPage = ({ children }) => <div>{children}</div>;
+
+TableIndexPage.propTypes = {
+  children: PropTypes.node.isRequired,
+};
+
+export default TableIndexPage;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: foreman_webhooks
 version: !ruby/object:Gem::Version
-  version: 3.0.3
+  version: 3.0.4
 platform: ruby
 authors:
 - Timo Goebel
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-06-03 00:00:00.000000000 Z
+date: 2022-08-16 00:00:00.000000000 Z
 dependencies: []
 description: Plugin for Foreman that allows to configure Webhooks.
 email:
@@ -94,12 +94,12 @@ files:
 - webpack/ForemanWebhooks/Routes/Webhooks/Components/WebhookForm/__tests__/__snapshots__/WebhookForm.test.js.snap
 - webpack/ForemanWebhooks/Routes/Webhooks/Components/WebhookForm/constants.js
 - webpack/ForemanWebhooks/Routes/Webhooks/Components/WebhookForm/index.js
-- webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/EmptyWebhooksIndexPage/index.js
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhookCreateModal.js
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhookDeleteModal.js
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhookEditModal.js
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhookEditModalSelectors.js
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhookModal.scss
+- webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/Components/EmptyWebhooksTable/index.js
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/Components/EnabledCell.js
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/Components/Formatters/__tests__/__snapshots__/enabledCellFormatter.test.js.snap
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/Components/Formatters/__tests__/enabledCellFormatter.test.js
@@ -139,6 +139,7 @@ files:
 - webpack/__mocks__/foremanReact/components/Layout/LayoutActions.js
 - webpack/__mocks__/foremanReact/components/Loading/Loading.js
 - webpack/__mocks__/foremanReact/components/Loading/index.js
+- webpack/__mocks__/foremanReact/components/PF4/TableIndexPage/TableIndexPage.js
 - webpack/__mocks__/foremanReact/components/Pagination/index.js
 - webpack/__mocks__/foremanReact/components/common/EmptyState.js
 - webpack/__mocks__/foremanReact/components/common/forms/ForemanForm.js
@@ -192,8 +193,8 @@ test_files:
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/Components/Formatters/__tests__/enabledCellFormatter.test.js
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/Components/__tests__/EnabledCell.test.js
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/__tests__/WebhooksTable.test.js
-- webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/__tests__/integration.test.js
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/__tests__/WebhooksIndexPage.fixtures.js
 - webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/__tests__/WebhooksIndexPage.test.js
+- webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/__tests__/integration.test.js
 - webpack/ForemanWebhooks/Routes/Webhooks/__tests__/WebhooksPageHelpers.test.js
 - webpack/ForemanWebhooks/Routes/Webhooks/__tests__/WebhooksPageSelectors.test.js

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/EmptyWebhooksIndexPage/index.js

@@ -1,63 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { translate as __ } from 'foremanReact/common/I18n';
-import DefaultEmptyState from 'foremanReact/components/common/EmptyState';
-
-import { useForemanModal } from 'foremanReact/components/ForemanModal/ForemanModalHooks';
-
-import WebhookCreateModal from '../WebhookCreateModal';
-import { WEBHOOK_CREATE_MODAL_ID } from '../../../constants';
-
-const EmptyWebhooksIndexPage = ({
-  search,
-  reloadWithSearch,
-  message: { type, text },
-}) => {
-  const {
-    setModalOpen: setCreateModalOpen,
-    setModalClosed: setCreateModalClosed,
-  } = useForemanModal({
-    id: WEBHOOK_CREATE_MODAL_ID,
-  });
-
-  return (
-    <>
-      <WebhookCreateModal
-        onSuccess={() => {
-          setCreateModalClosed();
-          reloadWithSearch(search);
-        }}
-        onCancel={setCreateModalClosed}
-      />
-      <DefaultEmptyState
-        icon={type === 'error' ? 'error-circle-o' : 'add-circle-o'}
-        header={type === 'error' ? __('Error') : __('No Results')}
-        description={text}
-        documentation={null}
-        action={{
-          title: __('Create Webhook'),
-          onClick: () => setCreateModalOpen(),
-        }}
-      />
-    </>
-  );
-};
-
-EmptyWebhooksIndexPage.propTypes = {
-  message: PropTypes.shape({
-    type: PropTypes.oneOf(['empty', 'error']),
-    text: PropTypes.string,
-  }),
-  search: PropTypes.string,
-  reloadWithSearch: PropTypes.func.isRequired,
-};
-
-EmptyWebhooksIndexPage.defaultProps = {
-  message: {
-    type: 'empty',
-    text: __('Try to create a new Webhook'),
-  },
-  search: '',
-};
-
-export default EmptyWebhooksIndexPage;