36 lines
889 B
JavaScript
36 lines
889 B
JavaScript
import useApi from 'components/hooks/useApi';
|
|
import useMessages from 'components/hooks/useMessages';
|
|
import { Icon, Icons, LoadingButton, Text } from 'react-basics';
|
|
|
|
export function TeamMemberRemoveButton({ teamId, userId, disabled, onSave }) {
|
|
const { formatMessage, labels } = useMessages();
|
|
const { del, useMutation } = useApi();
|
|
const { mutate, isLoading } = useMutation(() => del(`/teams/${teamId}/users/${userId}`));
|
|
|
|
const handleRemoveTeamMember = () => {
|
|
mutate(
|
|
{},
|
|
{
|
|
onSuccess: () => {
|
|
onSave();
|
|
},
|
|
},
|
|
);
|
|
};
|
|
|
|
return (
|
|
<LoadingButton
|
|
onClick={() => handleRemoveTeamMember()}
|
|
disabled={disabled}
|
|
isLoading={isLoading}
|
|
>
|
|
<Icon>
|
|
<Icons.Close />
|
|
</Icon>
|
|
<Text>{formatMessage(labels.remove)}</Text>
|
|
</LoadingButton>
|
|
);
|
|
}
|
|
|
|
export default TeamMemberRemoveButton;
|