Tailwinds User Delete Dialog (#5655)

* tailwinds #5005

* Remove delete user test

---------

src/Components/Users/UserDeleteDialog.tsx

@@ -1,11 +1,4 @@
-import React, { useState } from "react";
-import {
-  Dialog,
-  DialogContent,
-  DialogContentText,
-  DialogActions,
-  Button,
-} from "@material-ui/core";
+import ConfirmDialogV2 from "../Common/ConfirmDialogV2";
 
 interface ConfirmDialogProps {
   name: string;
@@ -14,39 +7,20 @@ interface ConfirmDialogProps {
 }
 
 const UserDeleteDialog = (props: ConfirmDialogProps) => {
-  const { name, handleCancel, handleOk } = props;
-
-  const [disable, setDisable] = useState(false);
-
-  const handleSubmit = () => {
-    handleOk();
-    setDisable(true);
-  };
   return (
-    <Dialog open={true} maxWidth={"md"} onClose={handleCancel}>
-      <DialogContent>
-        <DialogContentText
-          id="alert-dialog-description"
-          className="flex text-gray-800 leading-relaxed"
-        >
-          <div className="justify-center">
-            Are you sure you want to delete user <strong>{name}</strong> ?
-          </div>
-        </DialogContentText>
-      </DialogContent>
-      <DialogActions>
-        <Button onClick={handleCancel} color="primary">
-          Cancel
-        </Button>
-        <button
-          onClick={handleSubmit}
-          className="font-medium btn btn-danger"
-          disabled={disable}
-        >
-          Delete
-        </button>
-      </DialogActions>
-    </Dialog>
+    <ConfirmDialogV2
+      title="Delete User"
+      description={
+        <span>
+          Are you sure you want to delete user <strong>{props.name}</strong> ?
+        </span>
+      }
+      action="Delete"
+      variant="danger"
+      show
+      onConfirm={props.handleOk}
+      onClose={props.handleCancel}
+    />
   );
 };