@bigbinary/neeto-webhooks-frontend 2.2.0 → 2.2.1

package/dist/NeetoWebhooks.js

@@ -5,9 +5,9 @@ import { useQueryParams, useMutationWithInvalidation, withT } from '@bigbinary/n
 import Container from '@bigbinary/neeto-molecules/Container';
 import Header$2 from '@bigbinary/neeto-molecules/Header';
 import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
-import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import NoData from '@bigbinary/neetoui/NoData';
+import Spinner from '@bigbinary/neetoui/Spinner';
 import Table from '@bigbinary/neetoui/Table';
 import { useTranslation } from 'react-i18next';
 import { QueryClient, QueryCache, QueryClientProvider, useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
@@ -28,7 +28,6 @@ import { prop, pluck, assoc } from 'ramda';
 import Alert from '@bigbinary/neetoui/Alert';
 import Plus from '@bigbinary/neeto-icons/Plus';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
-import Spinner from '@bigbinary/neetoui/Spinner';
 import Input from '@bigbinary/neetoui/formik/Input';
 import Form from '@bigbinary/neetoui/formik/Form';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
@@ -798,7 +797,10 @@ var Details = function Details(_ref) {
     isOpen: isPresent(deliveryId),
     size: "large",
     children: /*#__PURE__*/jsx(Fragment, {
-      children: isLoading ? /*#__PURE__*/jsx(PageLoader, {}) : /*#__PURE__*/jsxs(Fragment, {
+      children: isLoading ? /*#__PURE__*/jsx("div", {
+        className: "flex h-full w-full items-center justify-center",
+        children: /*#__PURE__*/jsx(Spinner, {})
+      }) : /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(Pane.Header, {
           children: /*#__PURE__*/jsxs(Fragment, {
             children: [/*#__PURE__*/jsx(DateFormat.Date, {
@@ -949,7 +951,12 @@ var Deliveries = function Deliveries(_ref) {
     link: window.location.pathname,
     text: endpoint
   }]);
-  if (isLoading) return /*#__PURE__*/jsx(PageLoader, {});
+  if (isLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
   return /*#__PURE__*/jsxs(Container, {
     className: "w-full",
     children: [/*#__PURE__*/jsx(Header$2, {
@@ -1564,7 +1571,10 @@ var Webhooks = function Webhooks(_ref) {
     setIsDeleteAlertOpen(true);
   }, []);
   if (isLoading) {
-    return /*#__PURE__*/jsx(PageLoader, {});
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
   }
   return /*#__PURE__*/jsxs(Container, {
     className: containerClassName,