forked from github/plane
20e7dc68e6
* style: update modals typography, alignment * style: made the modal separator full width * style: delete modals consistency * style: update the remaining delete modals * chore: delete modal secondary button text * style: update the remaining create modals * chore: update cancel button text * chore: created modal core * style: modals responsiveness
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
// components
|
|
// ui
|
|
import { IWebhook } from "@plane/types";
|
|
import { Button } from "@plane/ui";
|
|
// types
|
|
import { WebhookSecretKey } from "./form";
|
|
|
|
type Props = {
|
|
handleClose: () => void;
|
|
webhookDetails: IWebhook;
|
|
};
|
|
|
|
export const GeneratedHookDetails: React.FC<Props> = (props) => {
|
|
const { handleClose, webhookDetails } = props;
|
|
|
|
return (
|
|
<>
|
|
<div className="space-y-5 p-5">
|
|
<div className="space-y-3">
|
|
<h3 className="text-xl font-medium text-custom-text-200">Key created</h3>
|
|
<p className="text-sm text-custom-text-400">
|
|
Copy and save this secret key in Plane Pages. You can{"'"}t see this key after you hit Close. A CSV file
|
|
containing the key has been downloaded.
|
|
</p>
|
|
</div>
|
|
<WebhookSecretKey data={webhookDetails} />
|
|
</div>
|
|
<div className="px-5 py-4 flex items-center justify-end gap-2 border-t-[0.5px] border-custom-border-200">
|
|
<Button variant="neutral-primary" size="sm" onClick={handleClose}>
|
|
Close
|
|
</Button>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|