variables in graphql queries

Author: ghost-code-ninja

frontend/src/pages/Bookings.js

@@ -56,13 +56,16 @@ export default class Bookings extends Component {
   deleteBookingHandler = (bookingId) => {
     const requestBody = {
       query: `
-        mutation {
-          cancelBooking(bookingId: "${bookingId}") {
+        mutation CancelBooking($id: ID!) {
+          cancelBooking(bookingId: $id) {
             _id
             title
           }
         }
       `,
+      variables: {
+        id: bookingId,
+      },
     };
 
     fetch('http://localhost:5000/api', {