From f5c13b9751f17676338d11259165947b1a65fe32 Mon Sep 17 00:00:00 2001
From: Vladimir Khvan <vladimirkhvan23@gmail.com>
Date: Mon, 3 Apr 2023 16:30:38 +0500
Subject: [PATCH] withPadding prop was injected

---
 .../WebhookHistoryTable/HistoryTableHeader.js | 15 ++++++++++++++-
 .../WebhookHistoryTable/index.js              | 19 ++++++++++++++-----
 2 files changed, 28 insertions(+), 6 deletions(-)

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 (
     <TableHeader
       columns={columns.current}
+      checkboxSize="32px"
       containerRef={tableRef}
       sectionWidth={sectionWidth}
+      // useReactWindow={!withPaging}
       showSettings={false}
       style={{ position: "absolute" }}
     />
   );
 };
+
+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" ? (
           <TableWrapper
             forwardedRef={tableRef}
+            // useReactWindow={!withPaging}
             style={{
               gridTemplateColumns: "300px 100px 400px 24px",
             }}>
             <HistoryTableHeader sectionWidth={context.sectionWidth} tableRef={tableRef} />
-            <TableBody>
+            <TableBody itemHeight={49}>
               <HistoryTableRow
                 key="6F9619FF-8B86-D011-B42D-00CF4FC96r32"
                 eventData={{
@@ -64,10 +70,13 @@ const WebhookHistoryTable = (props) => {
   );
 };
 
-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));