implemented ticket deletion

Author: ksraj123

src/user/Admin/Tickets/TicketDashboard.js

@@ -146,6 +146,17 @@ class TicketDashboard extends Component {
     });
   };
 
+  deleteTicket = (id) => {
+    const newTickets = this.state.all.filter(ele => ele._id !== id)
+    this.setState({
+      all: [...newTickets],
+      viewingTicket: null,
+      filtered: [...newTickets],
+    }, async () => {
+      await Axios.delete(`${BASE_URL}/ticket/${id}`)
+    })
+  }
+
   render() {
     console.log(this.state.notifications);
     return (
@@ -194,6 +205,7 @@ class TicketDashboard extends Component {
                 back={this.handleViewTicket}
                 currentUser={this.props.user}
                 removeTag={this.handleRemoveTag}
+                deleteTicket={this.deleteTicket}
                 ticketId={this.state.viewingTicket}
                 singleUpdate={this.handleTicketSingleUpdate}
               />
@@ -213,7 +225,7 @@ class TicketDashboard extends Component {
           onClose={this.toggleDrawer}
         >
           <List className="list">
-            {this.state.notifications.map((notification) => (
+            {this.state.notifications && this.state.notifications.map((notification) => (
               <ListItem
                 style={{
                   display: "flex",

src/user/Admin/Tickets/TicketDiscussion/Layout/Layout.js

@@ -32,6 +32,8 @@ class Layout extends Component {
               editsAllowed={this.props.editsAllowed}
               singleUpdate={this.props.singleUpdate}
               updateTicket={this.props.updateTicket}
+              deleteTicket={this.props.deleteTicket}
+              deleteAllowed={this.props.deleteAllowed}
             />
             <div className="ticket-tabs">
               <span className="nav__tab container">

src/user/Admin/Tickets/TicketDiscussion/Layout/Title.js

@@ -6,6 +6,7 @@ import EditButton from "@material-ui/icons/EditOutlined";
 import SaveButton from "@material-ui/icons/SaveOutlined";
 import BadgeElement from "../../TicketContent/BadgeElement";
 import CancelButton from "@material-ui/icons/ClearOutlined";
+import DeleteOutlineOutlinedIcon from "@material-ui/icons/DeleteOutlineOutlined";
 
 class Title extends Component {
   constructor(props) {
@@ -49,15 +50,24 @@ class Title extends Component {
         <div className="ticket-title">
           {!this.state.editor && (
             <React.Fragment>
-              <dv style={{ display: "flex", alignItems: "center" }}>
+              <div style={{ display: "flex", alignItems: "center" }}>
                 <BadgeElement ticketState={this.props.ticket.status} />
                 <span style={{ marginLeft: "16px" }} className="title-text">
                   {this.props.ticket.title}
                 </span>
-              </dv>
-              {this.props.editsAllowed && (
-                <EditButton onClick={this.toggleEditor} />
-              )}
+              </div>
+              <div>
+                {this.props.editsAllowed && (
+                  <EditButton onClick={this.toggleEditor} />
+                )}
+                {this.props.deleteAllowed && (
+                  <DeleteOutlineOutlinedIcon
+                    onClick={() =>
+                      this.props.deleteTicket(this.props.ticket._id)
+                    }
+                  />
+                )}
+              </div>
             </React.Fragment>
           )}
           {this.state.editor && (

src/user/Admin/Tickets/TicketDiscussion/TicketDiscussions.js

@@ -181,8 +181,10 @@ class TicketDiscussions extends Component {
             handleBack={this.handleBack}
             removeTag={this.handleDeleteTag}
             editsAllowed={this.editsAllowed}
+            deleteAllowed={this.deleteAllowed}
             updateTicket={this.handleUpdateTicket}
             singleUpdate={this.props.singleUpdate}
+            deleteTicket={this.props.deleteTicket}
             handleViewChange={this.handleViewChange}
           >
             {this.state.view === "discussions" && (