Reservations now show on calendar

app/controllers/reservations_controller.rb

@@ -5,7 +5,6 @@ class ReservationsController < ApplicationController
   layout :determine_layout
   # GET /reservations or /reservations.json
   def index
-
     @reservations = Reservation.all.includes(:team, :customer).where(company: @company)
     @reservations = ActiveModelSerializers::SerializableResource.new(@reservations).as_json
   end

app/javascript/controllers/main_calendar_controller.js

@@ -27,7 +27,7 @@ export default class extends Controller {
       ],
     });
 
-    this.calendar = calendar;
+    window.calendar = calendar;
     this.getCalendardata();
     calendar.render();
   }
@@ -36,11 +36,11 @@ export default class extends Controller {
     var reservations = JSON.parse(document.querySelector("#main-calendar").dataset.reservations);
     window.reservations = reservations;
     reservations.forEach(reservation => {
-      this.calendar.createSchedules([
+      window.calendar.createEvents([
         {
           id: reservation.id,
           calendarId: 'cal1',
-          title: reservation.customer,
+          title: reservation.customer.name,
           category: 'time',
           dueDateClass: reservation.dueDateClass,
           location: reservation.team.name,

app/models/reservation.rb

@@ -7,3 +7,7 @@ class Reservation < ApplicationRecord
   validates :customer_id, presence: true
   validates :team_id, presence: true
 end
+
+class ReservationSerializer < ActiveModel::Serializer
+  attributes :id, :company, :customer, :team, :start_time, :end_time
+end