Add boolean to disable black friday (#328)

Author: Pierre-Gilles

src/components/Home.js

@@ -15,6 +15,7 @@ import testimonialFr from "./testimonials/testimonial.fr.json";
 import testimonialEn from "./testimonials/testimonial.en.json";
 
 import Translate, { translate } from "@docusaurus/Translate";
+import { BLACK_FRIDAY_CONFIG } from "../config/blackFriday";
 
 const COMPATIBILITIES = [
   [
@@ -263,8 +264,8 @@ const PausedOverlay = ({ videoSrc, imgSrc, alt }) => (
   </video>
 );
 
-const BLACK_FRIDAY_ACTIVE = true;
-const blackFridayEndDate = new Date(1764633600000);
+const BLACK_FRIDAY_ACTIVE = BLACK_FRIDAY_CONFIG.ENABLED;
+const blackFridayEndDate = BLACK_FRIDAY_CONFIG.END_DATE;
 
 function Home({ integrations, lang }) {
   const [openPanel, setOpenPanel] = React.useState(1);

src/config/blackFriday.js

@@ -0,0 +1,8 @@
+/**
+ * Black Friday configuration
+ * Set ENABLED to false to disable all Black Friday deals across the site
+ */
+export const BLACK_FRIDAY_CONFIG = {
+  ENABLED: false,
+  END_DATE: new Date(1764633600000), // Dec 2, 2024 00:00:00 GMT
+};

src/pages/plus.js

@@ -19,11 +19,12 @@ import testimonialsEn from "../components/testimonials/testimonial.plus.en.json"
 import styles from "./styles.module.css";
 
 import { translate } from "@docusaurus/Translate";
+import { BLACK_FRIDAY_CONFIG } from "../config/blackFriday";
 
 const YEARLY_PLAN_ACTIVATED = false;
 const PRICING_TABLE_ACTIVATED = true;
-const BLACK_FRIDAY_ACTIVE = true;
-const blackFridayEndDate = new Date(1764633600000); // Same as starter-kit
+const BLACK_FRIDAY_ACTIVE = BLACK_FRIDAY_CONFIG.ENABLED;
+const blackFridayEndDate = BLACK_FRIDAY_CONFIG.END_DATE;
 
 const testimonials = {
   fr: testimonialsFr,

src/pages/starter-kit.js

@@ -12,6 +12,7 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import styles from "./styles.module.css";
 
 import { translate } from "@docusaurus/Translate";
+import { BLACK_FRIDAY_CONFIG } from "../config/blackFriday";
 
 const SHOW_BEELINK_T5 = false;
 
@@ -97,7 +98,7 @@ const faqData = [
 ];
 
 const targetDate = new Date(1733104800000);
-const blackFridayEndDate = new Date(1764633600000); // Dec 2, 2024 00:00:00 GMT
+const blackFridayEndDate = BLACK_FRIDAY_CONFIG.END_DATE;
 
 function Plus() {
   const context = useDocusaurusContext();
@@ -121,7 +122,9 @@ function Plus() {
   const [miniSUrl, setMiniSUrl] = useState(null);
   const [loading, setLoading] = useState(true);
   const [blackFridayTimeLeft, setBlackFridayTimeLeft] = useState(null);
-  const [isBlackFridayActive, setIsBlackFridayActive] = useState(true);
+  const [isBlackFridayActive, setIsBlackFridayActive] = useState(
+    BLACK_FRIDAY_CONFIG.ENABLED
+  );
 
   console.log("isBlackFridayActive", isBlackFridayActive);
   const scrollTopTop = () => {