From 677c649ad8d60d46a6225ef857ad0775110e8455 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Fri, 7 Jan 2022 10:06:02 -0800
Subject: [PATCH] IO-1612 Disable popover on PTO

---
 .../src/components/job-at-change/schedule-event.component.jsx   | 2 +-
 .../schedule-calendar/schedule-calendar.container.jsx           | 1 +
 .../schedule-day-view/schedule-day-view.container.jsx           | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/components/job-at-change/schedule-event.component.jsx b/client/src/components/job-at-change/schedule-event.component.jsx
index 21f3285d1..933cb067b 100644
--- a/client/src/components/job-at-change/schedule-event.component.jsx
+++ b/client/src/components/job-at-change/schedule-event.component.jsx
@@ -287,7 +287,7 @@ export function ScheduleEventComponent({
   return (
     <Popover
       visible={visible}
-      onVisibleChange={(vis) => setVisible(vis)}
+      onVisibleChange={(vis) => !event.vacation && setVisible(vis)}
       trigger="click"
       content={event.block ? blockContent : popoverContent}
       style={{ height: "100%", width: "100%" }}
diff --git a/client/src/components/schedule-calendar/schedule-calendar.container.jsx b/client/src/components/schedule-calendar/schedule-calendar.container.jsx
index 0d0178207..aff134b85 100644
--- a/client/src/components/schedule-calendar/schedule-calendar.container.jsx
+++ b/client/src/components/schedule-calendar/schedule-calendar.container.jsx
@@ -65,6 +65,7 @@ export function ScheduleCalendarContainer({ calculateScheduleLoad }) {
         color: "red",
         start: moment(e.start).startOf("day").toDate(),
         end: moment(e.end).startOf("day").toDate(),
+        vacation: true,
       };
     }),
   ];
diff --git a/client/src/components/schedule-day-view/schedule-day-view.container.jsx b/client/src/components/schedule-day-view/schedule-day-view.container.jsx
index a5bd37212..e35b44873 100644
--- a/client/src/components/schedule-day-view/schedule-day-view.container.jsx
+++ b/client/src/components/schedule-day-view/schedule-day-view.container.jsx
@@ -45,6 +45,7 @@ export default function ScheduleDayViewContainer({ day }) {
           color: "red",
           start: moment(e.start).startOf("day").toDate(),
           end: moment(e.end).startOf("day").toDate(),
+          vacation: true,
         };
       }),
     ];