snapshot of https://github.com/makeplane/plane.git @ d868349a55de79979eb8b98701bf1702c67ad634 (2026-09-15)

apps/web/core/components/web-hooks/generated-hook-details.tsx

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+// components
+// ui
+import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
+import type { IWebhook } from "@plane/types";
+// types
+import { WebhookSecretKey } from "./form";
+
+type Props = {
+  handleClose: () => void;
+  webhookDetails: IWebhook;
+};
+
+export function GeneratedHookDetails(props: Props) {
+  const { handleClose, webhookDetails } = props;
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <div className="space-y-5 p-5">
+        <div className="space-y-3">
+          <h3 className="text-18 font-medium text-secondary">{t("workspace_settings.key_created")}</h3>
+          <p className="text-13 text-placeholder">{t("workspace_settings.copy_key")}</p>
+        </div>
+        <WebhookSecretKey data={webhookDetails} />
+      </div>
+      <div className="flex items-center justify-end gap-2 border-t-[0.5px] border-subtle px-5 py-4">
+        <Button variant="secondary" size="lg" onClick={handleClose}>
+          Close
+        </Button>
+      </div>
+    </>
+  );
+}