fix calendar name on thank you page

Author: maxceem

src/server/misc/routes/index.html

@@ -10,7 +10,7 @@
       font-size: 10pt;
     }
     .top-bar {
-      margin-top: 20px; 
+      margin-top: 20px;
       display: flex;
       flex-direction: row;
       align-items: center;
@@ -61,7 +61,7 @@
         font-weight: 400;
     }
 
-    .slot-cancelview h4 { 
+    .slot-cancelview h4 {
         margin: 10px;
         font-size: 1.2rem;
         line-height: 1.7rem;
@@ -76,7 +76,7 @@
       flex: 1 1;
     }
 
-    .left-panel p{ 
+    .left-panel p{
         opacity: 0.6;
     }
     .booking-summary {
@@ -101,7 +101,7 @@
       flex-direction: column;
     }
     .right-panel  form {
-       padding: 30px 70px 0; 
+       padding: 30px 70px 0;
      }
     .right-panel  form  h3 {
       margin-bottom: 15px;
@@ -154,7 +154,7 @@ <h2>
             <%= week %><br />
             <%= startDate %>
           </h2>
-          <h4><%= startTime %> - <%= endTime %><br/><%= page_slug %> virtual calendar</h4>
+          <h4><%= startTime %> - <%= endTime %><br/><%= calendarName %></h4>
           <p><%= tz %></p>
         </div>
       </div>

src/server/misc/routes/interview-thank-you-page.js

@@ -30,9 +30,13 @@ async function getInterviewThankYouPageController(req, res) {
   const nylasconfig = JSON.parse(
     nylasHtml.match(/window.nylasWindowContext.page = (.*);<\/script>/)[1]
   );
+  // get calendar name from timeslots
+  const { data: timeslots } = await axios.get(
+    `https://api.schedule.nylas.com/schedule/${query.page_slug}/timeslots?locale=en`
+  );
   const object = {
     jobTitle: nylasconfig.name,
-    page_slug: query.page_slug,
+    calendarName: _.get(timeslots, '[0].host_name', ''),
     tz: query.tz,
     week: moment.unix(query.start_time).format("dddd"),
     startDate: moment.unix(query.start_time).format("MMMM DD, yyyy"),