25 lines
764 B
TypeScript
25 lines
764 B
TypeScript
import Dialog from '~/components/Dialog';
|
|
import type { Machine } from '~/types';
|
|
|
|
interface DeleteProps {
|
|
machine: Machine;
|
|
isOpen: boolean;
|
|
setIsOpen: (isOpen: boolean) => void;
|
|
}
|
|
|
|
export default function Delete({ machine, isOpen, setIsOpen }: DeleteProps) {
|
|
return (
|
|
<Dialog isOpen={isOpen} onOpenChange={setIsOpen}>
|
|
<Dialog.Panel variant="destructive">
|
|
<Dialog.Title>Remove {machine.givenName}</Dialog.Title>
|
|
<Dialog.Text>
|
|
This machine will be permanently removed from your network. To re-add
|
|
it, you will need to reauthenticate to your tailnet from the device.
|
|
</Dialog.Text>
|
|
<input type="hidden" name="_method" value="delete" />
|
|
<input type="hidden" name="id" value={machine.id} />
|
|
</Dialog.Panel>
|
|
</Dialog>
|
|
);
|
|
}
|