40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
/**
|
|
* 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>
|
|
</>
|
|
);
|
|
}
|