fix: issue #598

Author: yoution

src/constants/index.js

@@ -720,3 +720,8 @@ export const DEFAULT_SELECTED_DAYS = ["M", "T", "W", "R", "F"];
  * Actually it's not secret, we just use JWT to compress data not to secure it
  */
 export const NYLAS_CONNECT_CALENDAR_JWT_SECRET = "secret";
+
+/*
+ * connecting calendar switcher
+ */
+export const ALLOW_CONNECTING_CALENDAR = false

src/routes/PositionDetails/components/InterviewPopup/ManageAvailability/index.jsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "react";
 import cn from "classnames";
 import PT from "prop-types";
 import {
+  ALLOW_CONNECTING_CALENDAR,
   SCHEDULE_INTERVIEW_STEPS,
   DAYS,
   DEFAULT_SELECTED_DAYS,
@@ -245,21 +246,22 @@ const ManageAvailability = ({ scheduleDetails, onContinue }) => {
           </Button>
         </div>
       </div>
-
       <div styleName="button-wrapper">
-        {/* issue #598, hide `Manage connected calendar` button temporarily   */}
-        <div></div>
-        {/* <div */}
-        {/*   onClick={() => */}
-        {/*     onContinue(POPUP_STAGES.MANAGE_CALENDAR, { */}
-        {/*       timezone, */}
-        {/*       slots, */}
-        {/*     }) */}
-        {/*   } */}
-        {/*   styleName="manage-calendar" */}
-        {/* > */}
-        {/*   Manage connected calendar */}
-        {/* </div> */}
+        {ALLOW_CONNECTING_CALENDAR ? (
+          <div
+            onClick={() =>
+              onContinue(POPUP_STAGES.MANAGE_CALENDAR, {
+                timezone,
+                slots,
+              })
+            }
+            styleName="manage-calendar"
+          >
+            Manage connected calendar
+          </div>
+        ) : (
+          <div />
+        )}
         <Button
           onClick={() => onContinueAhead()}
           disabled={isDisabled()}

src/routes/PositionDetails/components/InterviewPopup/ScheduleInterview/index.jsx

@@ -1,6 +1,10 @@
 import Button from "components/Button";
 import PT from "prop-types";
-import { BUTTON_SIZE, POPUP_STAGES } from "constants";
+import {
+  ALLOW_CONNECTING_CALENDAR,
+  BUTTON_SIZE,
+  POPUP_STAGES,
+} from "constants";
 
 import React from "react";
 import "./styles.module.scss";
@@ -21,13 +25,17 @@ const ScheduleInterview = ({ onClick }) => {
       >
         Add your availability
       </Button>
-      <div styleName="or-label">OR</div>
-      <Button
-        size={BUTTON_SIZE.LARGE}
-        onClick={() => onClick(POPUP_STAGES.CONNECT_CALENDAR)}
-      >
-        Connect your calendar
-      </Button>
+      {ALLOW_CONNECTING_CALENDAR && (
+        <>
+          <div styleName="or-label">OR</div>
+          <Button
+            size={BUTTON_SIZE.LARGE}
+            onClick={() => onClick(POPUP_STAGES.CONNECT_CALENDAR)}
+          >
+            Connect your calendar
+          </Button>
+        </>
+      )}
     </div>
   );
 };

src/routes/PositionDetails/components/InterviewPopup/ScheduleInterview/styles.module.scss

@@ -6,6 +6,8 @@
   align-items: center;
   justify-content: center;
   flex-direction: column;
+  height: 147px;
+  box-sizing: content-box;
 }
 
 .or-label {

src/routes/PositionDetails/components/InterviewPopup/SelectDuration/index.jsx

@@ -5,6 +5,7 @@ import Button from "components/Button";
 import StepsIndicator from "../../StepsIndicator";
 import InterviewTypeIcon from "../../../../../assets/images/icon-interview-type.svg";
 import {
+  ALLOW_CONNECTING_CALENDAR,
   SCHEDULE_INTERVIEW_STEPS,
   BUTTON_SIZE,
   BUTTON_TYPE,
@@ -71,18 +72,20 @@ const SelectDuration = ({ onContinue, onGoBack, scheduleDetails }) => {
         </div>
       </div>
       <div styleName="button-wrapper">
-        {/* issue #598, hide `Manage connected calendar` button temporarily   */}
-        <div></div>
-        {/* <div */}
-        {/*   onClick={() => */}
-        {/*     onContinue(POPUP_STAGES.MANAGE_CALENDAR, { */}
-        {/*       duration, */}
-        {/*     }) */}
-        {/*   } */}
-        {/*   styleName="manage-calendar" */}
-        {/* > */}
-        {/*   Manage connected calendar */}
-        {/* </div> */}
+        {ALLOW_CONNECTING_CALENDAR ? (
+          <div
+            onClick={() =>
+              onContinue(POPUP_STAGES.MANAGE_CALENDAR, {
+                duration,
+              })
+            }
+            styleName="manage-calendar"
+          >
+            Manage connected calendar
+          </div>
+        ) : (
+          <div />
+        )}
         <div styleName="button-wrapper-right-pane">
           <Button
             styleName="back-button"