From ebb2e109e0bedec18f3af33df550d006a2830445 Mon Sep 17 00:00:00 2001
From: Vladimir Khvan <vladimirkhvan23@gmail.com>
Date: Mon, 27 Mar 2023 14:10:35 +0500
Subject: [PATCH] table header was created / header was positioned as absolute

---
 .../WebhooksTable/WebhookTableHeader.js       | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhooksTable/WebhookTableHeader.js

diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhooksTable/WebhookTableHeader.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhooksTable/WebhookTableHeader.js
new file mode 100644
index 0000000000..a392c271bb
--- /dev/null
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhooksTable/WebhookTableHeader.js
@@ -0,0 +1,36 @@
+import React, { useRef } from "react";
+import TableHeader from "@docspace/components/table-container/TableHeader";
+
+export const WebhookTableHeader = ({ sectionWidth, tableRef }) => {
+  const columns = useRef([
+    {
+      key: "Name",
+      title: "Name",
+      resizable: true,
+      enable: true,
+      default: true,
+      active: true,
+    },
+    {
+      key: "URL",
+      title: "URL",
+      enable: true,
+      resizable: true,
+    },
+    {
+      key: "State",
+      title: "State",
+      enable: true,
+      resizable: true,
+    },
+  ]);
+  return (
+    <TableHeader
+      columns={columns.current}
+      containerRef={tableRef}
+      sectionWidth={sectionWidth}
+      showSettings={false}
+      style={{ position: "absolute" }}
+    />
+  );
+};