DeleteOrganizationButton.SingleAck.tsx33 lines · main

1	import { Checkbox } from 'ui'
2
3	type Props = {
4	acknowledgedAll: boolean
5	setAcknowledgedAll: (value: boolean) => void
6	max: number
7	}
8
9	export const DeleteOrganizationButtonSingleAck = ({
10	acknowledgedAll,
11	setAcknowledgedAll,
12	max,
13	}: Props) => {
14	return (
15	<div className="mt-2 rounded-md border border-warning bg-warning/5 px-3 py-3">
16	<p className="text-sm text-foreground">
17	This organization contains more than {max} projects.
18	</p>
19
20	<div
21	className="mt-3 flex cursor-pointer items-center gap-2 text-sm text-foreground"
22	onClick={() => setAcknowledgedAll(!acknowledgedAll)}
23	>
24	<Checkbox
25	checked={acknowledgedAll}
26	onCheckedChange={(checked) => setAcknowledgedAll(checked === true)}
27	onClick={(e) => e.stopPropagation()}
28	/>
29	I understand that all projects will be permanently deleted.
30	</div>
31	</div>
32	)
33	}