diff --git a/src/App.tsx b/src/App.tsx
index 48d73e1..e198a62 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -48,8 +48,8 @@ const App: React.FC = () => {
     var timeslotid = null;
     if ("timeslot_id" in q) {
       timeslotid = q.timeslot_id;
-    } else if (currentTimeslot.timeslotid != null) {
-      timeslotid = currentTimeslot.timeslotid;
+    } else if (currentTimeslot.timeslot_id != null) {
+      timeslotid = currentTimeslot.timeslot_id;
     }
     if (timeslotid !== null) {
       return (
diff --git a/src/api.ts b/src/api.ts
index ae76d80..ccd4f61 100644
--- a/src/api.ts
+++ b/src/api.ts
@@ -212,8 +212,9 @@ export function updateShowplan(
 
 
 export interface Timeslot {
-  timeslotid: number,
-  starttime: number,
+  timeslot_id: number,
+  time: number,
+  start_time: string,
   title: string
 }
 
diff --git a/src/showplanner/index.tsx b/src/showplanner/index.tsx
index cf8263b..a7a2c99 100644
--- a/src/showplanner/index.tsx
+++ b/src/showplanner/index.tsx
@@ -236,7 +236,7 @@ function NavBar() {
               aria-haspopup="true"
               aria-expanded="false"
             >
-              <span className="fa fa-clock-o"></span>&nbsp;{sessionState.currentTimeslot && timestampToDateTime(sessionState.currentTimeslot.starttime)}
+              <span className="fa fa-clock-o"></span>&nbsp;{sessionState.currentTimeslot && sessionState.currentTimeslot.start_time}
             </a>
             <div className="dropdown-menu" aria-labelledby="timeslotDropdown">
               <a
@@ -246,7 +246,7 @@ function NavBar() {
                 Switch Timeslot
               </a>
               <h6 className="dropdown-header">{sessionState.currentTimeslot?.title}</h6>
-              <h6 className="dropdown-header">ID: {sessionState.currentTimeslot?.timeslotid}</h6>
+              <h6 className="dropdown-header">ID: {sessionState.currentTimeslot?.timeslot_id}</h6>
             </div>
           </li>
           <li className="nav-item dropdown">