folders organization

frontend/src/components/TicketOptionsMenu/index.js

@@ -0,0 +1,65 @@
+import React, { useState } from "react";
+
+import { toast } from "react-toastify";
+
+import MenuItem from "@material-ui/core/MenuItem";
+import Menu from "@material-ui/core/Menu";
+
+import api from "../../services/api";
+import ConfirmationModal from "../ConfirmationModal";
+
+const TicketOptionsMenu = ({ ticket, menuOpen, handleClose, anchorEl }) => {
+	const [confirmationOpen, setConfirmationOpen] = useState(false);
+
+	const handleDeleteTicket = async () => {
+		try {
+			await api.delete(`/tickets/${ticket.id}`);
+			toast.success("Ticket deletado com sucesso.");
+		} catch (err) {
+			toast.error("Erro ao deletar o ticket");
+		}
+	};
+
+	const handleTransferTicket = e => {
+		console.log("transfered");
+		handleClose();
+	};
+
+	const handleOpenConfirmationModal = e => {
+		setConfirmationOpen(true);
+		handleClose();
+	};
+
+	return (
+		<>
+			<Menu
+				id="menu-appbar"
+				anchorEl={anchorEl}
+				anchorOrigin={{
+					vertical: "top",
+					horizontal: "right",
+				}}
+				keepMounted
+				transformOrigin={{
+					vertical: "top",
+					horizontal: "right",
+				}}
+				open={menuOpen}
+				onClose={handleClose}
+			>
+				<MenuItem onClick={handleOpenConfirmationModal}>Deletar</MenuItem>
+				<MenuItem onClick={handleTransferTicket}>Transferir</MenuItem>
+			</Menu>
+			<ConfirmationModal
+				title={`Deletar o ticket #${ticket.id} do contato ${ticket.contact.name}?`}
+				open={confirmationOpen}
+				setOpen={setConfirmationOpen}
+				onConfirm={handleDeleteTicket}
+			>
+				Atenção, todas as mensagens relacionadas a este ticket serão apagadas.
+			</ConfirmationModal>
+		</>
+	);
+};
+
+export default TicketOptionsMenu;