diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/HistoryTableHeader.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/HistoryTableHeader.js
index e429226135..c3b3c3fbf5 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/HistoryTableHeader.js
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/HistoryTableHeader.js
@@ -1,7 +1,10 @@
import React, { useRef } from "react";
import TableHeader from "@docspace/components/table-container/TableHeader";
+import { inject, observer } from "mobx-react";
+
+const HistoryTableHeader = (props) => {
+ const { sectionWidth, tableRef, withPaging } = props;
-export const HistoryTableHeader = ({ sectionWidth, tableRef }) => {
const columns = useRef([
{
key: "Event ID",
@@ -27,10 +30,20 @@ export const HistoryTableHeader = ({ sectionWidth, tableRef }) => {
return (
);
};
+
+export default inject(({ settingsStore }) => {
+ const { withPaging } = settingsStore;
+
+ return {
+ withPaging,
+ };
+})(observer(HistoryTableHeader));
diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/index.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/index.js
index 502aba2a98..ccaac33c29 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/index.js
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/index.js
@@ -4,7 +4,7 @@ import styled from "styled-components";
import TableContainer from "@docspace/components/table-container/TableContainer";
import TableBody from "@docspace/components/table-container/TableBody";
-import { HistoryTableHeader } from "./HistoryTableHeader";
+import HistoryTableHeader from "./HistoryTableHeader";
import { HistoryTableRow } from "./HistoryTableRow";
import { Consumer } from "@docspace/components/utils/context";
@@ -13,10 +13,15 @@ import { inject, observer } from "mobx-react";
const TableWrapper = styled(TableContainer)`
margin-top: 16px;
+
+ .table-container_row-checkbox {
+ padding-left: 20px;
+ width: 16px;
+ }
`;
const WebhookHistoryTable = (props) => {
- const { viewAs } = props;
+ const { viewAs, withPaging } = props;
const tableRef = useRef(null);
return (
@@ -25,11 +30,12 @@ const WebhookHistoryTable = (props) => {
viewAs === "table" ? (
-
+
{
);
};
-export default inject(({ setup }) => {
- const { viewAs } = setup;
+export default inject(({ filesStore, settingsStore }) => {
+ const { viewAs } = filesStore;
+ const { withPaging, theme } = settingsStore;
return {
viewAs,
+ withPaging,
+ theme,
};
})(observer(WebhookHistoryTable));