ViewAppSheetDangerZone.tsx23 lines · main

1	import { Alert, AlertDescription, AlertTitle, Button, CriticalIcon } from 'ui'
2
3	interface ViewAppSheetDangerZoneProps {
4	onDelete: () => void
5	}
6
7	export function ViewAppSheetDangerZone({ onDelete }: ViewAppSheetDangerZoneProps) {
8	return (
9	<div className="px-5 sm:px-6 py-6 space-y-3">
10	<h3 className="text-sm font-medium text-foreground">Danger Zone</h3>
11	<Alert variant="destructive">
12	<CriticalIcon />
13	<AlertTitle>Delete app</AlertTitle>
14	<AlertDescription>Permanently delete this app and all its installations.</AlertDescription>
15	<div className="mt-2">
16	<Button type="danger" onClick={onDelete}>
17	Delete app
18	</Button>
19	</div>
20	</Alert>
21	</div>
22	)
23	}