2023-09-29 14:29:22 +02:00
|
|
|
import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
|
|
|
|
import useMessages from 'components/hooks/useMessages';
|
|
|
|
import TeamDeleteForm from './TeamDeleteForm';
|
|
|
|
|
2023-12-03 12:07:03 +01:00
|
|
|
export function TeamDeleteButton({
|
|
|
|
teamId,
|
|
|
|
teamName,
|
|
|
|
onDelete,
|
|
|
|
}: {
|
|
|
|
teamId: string;
|
|
|
|
teamName: string;
|
|
|
|
onDelete?: () => void;
|
|
|
|
}) {
|
2023-09-29 14:29:22 +02:00
|
|
|
const { formatMessage, labels } = useMessages();
|
|
|
|
|
|
|
|
return (
|
|
|
|
<ModalTrigger>
|
|
|
|
<Button>
|
|
|
|
<Icon>
|
|
|
|
<Icons.Trash />
|
|
|
|
</Icon>
|
|
|
|
<Text>{formatMessage(labels.delete)}</Text>
|
|
|
|
</Button>
|
|
|
|
<Modal title={formatMessage(labels.deleteTeam)}>
|
2023-12-03 12:07:03 +01:00
|
|
|
{(close: any) => (
|
2023-09-29 14:29:22 +02:00
|
|
|
<TeamDeleteForm teamId={teamId} teamName={teamName} onSave={onDelete} onClose={close} />
|
|
|
|
)}
|
|
|
|
</Modal>
|
|
|
|
</ModalTrigger>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default TeamDeleteButton;
|