36 lines
968 B
TypeScript
36 lines
968 B
TypeScript
import Dialog from '~/components/Dialog';
|
|
import Select from '~/components/Select';
|
|
import type { Machine, User } from '~/types';
|
|
|
|
interface MoveProps {
|
|
machine: Machine;
|
|
users: User[];
|
|
isOpen: boolean;
|
|
setIsOpen: (isOpen: boolean) => void;
|
|
}
|
|
|
|
export default function Move({ machine, users, isOpen, setIsOpen }: MoveProps) {
|
|
return (
|
|
<Dialog isOpen={isOpen} onOpenChange={setIsOpen}>
|
|
<Dialog.Panel>
|
|
<Dialog.Title>Change the owner of {machine.givenName}</Dialog.Title>
|
|
<Dialog.Text>
|
|
The owner of the machine is the user associated with it.
|
|
</Dialog.Text>
|
|
<input type="hidden" name="_method" value="move" />
|
|
<input type="hidden" name="id" value={machine.id} />
|
|
<Select
|
|
label="Owner"
|
|
name="to"
|
|
placeholder="Select a user"
|
|
defaultSelectedKey={machine.user.id}
|
|
>
|
|
{users.map((user) => (
|
|
<Select.Item key={user.id}>{user.name}</Select.Item>
|
|
))}
|
|
</Select>
|
|
</Dialog.Panel>
|
|
</Dialog>
|
|
);
|
|
}
|