50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
import { BanIcon } from "lucide-react";
|
|
|
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import { trpc } from "@calcom/trpc/react";
|
|
import { Dialog, DialogTrigger, ConfirmationDialogContent, Button, showToast } from "@calcom/ui";
|
|
|
|
import type { User } from "../UserListTable";
|
|
|
|
interface Props {
|
|
users: User[];
|
|
}
|
|
|
|
export function DeleteBulkUsers({ users }: Props) {
|
|
const { t } = useLocale();
|
|
const selectedRows = users; // Get selected rows from table
|
|
const utils = trpc.useContext();
|
|
const deleteMutation = trpc.viewer.organizations.bulkDeleteUsers.useMutation({
|
|
onSuccess: () => {
|
|
utils.viewer.organizations.listMembers.invalidate();
|
|
showToast("Deleted Users", "success");
|
|
},
|
|
onError: (error) => {
|
|
showToast(error.message, "error");
|
|
},
|
|
});
|
|
return (
|
|
<Dialog>
|
|
<DialogTrigger asChild>
|
|
<Button StartIcon={BanIcon}>{t("Delete")}</Button>
|
|
</DialogTrigger>
|
|
<ConfirmationDialogContent
|
|
variety="danger"
|
|
title={t("remove_users_from_org")}
|
|
confirmBtnText={t("remove")}
|
|
isLoading={deleteMutation.isLoading}
|
|
onConfirm={() => {
|
|
deleteMutation.mutateAsync({
|
|
userIds: selectedRows.map((user) => user.id),
|
|
});
|
|
}}>
|
|
<p className="mt-5">
|
|
{t("remove_users_from_org_confirm", {
|
|
userCount: selectedRows.length,
|
|
})}
|
|
</p>
|
|
</ConfirmationDialogContent>
|
|
</Dialog>
|
|
);
|
|
}
|