DuplicateSecretWarningModal.tsx36 lines · main

1	import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal'
2
3	interface DuplicateSecretWarningModalProps {
4	visible: boolean
5	onCancel: () => void
6	onConfirm: () => void
7	isCreating: boolean
8	secretName: string
9	}
10
11	export const DuplicateSecretWarningModal = ({
12	visible,
13	onCancel,
14	onConfirm,
15	isCreating,
16	secretName,
17	}: DuplicateSecretWarningModalProps) => {
18	return (
19	<ConfirmationModal
20	visible={visible}
21	size="medium"
22	title="Confirm replacing existing secret"
23	confirmLabel="Replace secret"
24	confirmLabelLoading="Replacing secret"
25	variant="warning"
26	loading={isCreating}
27	onCancel={onCancel}
28	onConfirm={onConfirm}
29	>
30	<p className="text-sm text-foreground-light">
31	A secret with the name "{secretName}" already exists. Continuing will replace the existing
32	secret with the new value. This action cannot be undone. Are you sure you want to proceed?
33	</p>
34	</ConfirmationModal>
35	)
36	}