From 0f83f638c0ed548abb221754e05c5ce80dfec961 Mon Sep 17 00:00:00 2001
From: Jose Rodolfo Freitas <joserodolfo.freitas@gmail.com>
Date: Mon, 6 Feb 2023 17:48:38 +0100
Subject: [PATCH] Add toggle for job banner

---
 docs/src/featureToggle.js                         |  1 +
 docs/src/modules/components/AppTableOfContents.js | 12 +++++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/docs/src/featureToggle.js b/docs/src/featureToggle.js
index fd4be22569cc03..d181b032765b3a 100644
--- a/docs/src/featureToggle.js
+++ b/docs/src/featureToggle.js
@@ -3,4 +3,5 @@ module.exports = {
   enable_website_banner: false,
   enable_toc_banner: true,
   enable_docsnav_banner: true,
+  enable_job_banner: false,
 };
diff --git a/docs/src/modules/components/AppTableOfContents.js b/docs/src/modules/components/AppTableOfContents.js
index 86e548c05aeb06..21967320bbdf0b 100644
--- a/docs/src/modules/components/AppTableOfContents.js
+++ b/docs/src/modules/components/AppTableOfContents.js
@@ -9,6 +9,7 @@ import Link from 'docs/src/modules/components/Link';
 import { useTranslate } from 'docs/src/modules/utils/i18n';
 import { shouldHandleLinkClick } from 'docs/src/modules/components/MarkdownLinks';
 import TableOfContentsBanner from 'docs/src/components/banner/TableOfContentsBanner';
+import featureToggle from 'docs/src/featureToggle';
 
 const Nav = styled('nav')(({ theme }) => ({
   top: 0,
@@ -131,7 +132,7 @@ function flatten(headings) {
   return itemsWithNode;
 }
 
-const shouldShowJobAd = () => {
+function shouldShowJobAd() {
   const date = new Date();
   const timeZoneOffset = date.getTimezoneOffset();
   // Hide for time zones UT+5.5 - UTC+14 & UTC-8 - UTC-12
@@ -139,13 +140,14 @@ const shouldShowJobAd = () => {
     return false;
   }
   return true;
-};
+}
+
+const showSurveyBanner = false;
+const showJobAd = featureToggle.enable_job_banner && shouldShowJobAd();
 
 export default function AppTableOfContents(props) {
   const { toc } = props;
   const t = useTranslate();
-  const showSurveyBanner = false;
-  const showAddJob = shouldShowJobAd() && !showSurveyBanner;
 
   const items = React.useMemo(() => flatten(toc), [toc]);
   const [activeState, setActiveState] = React.useState(null);
@@ -280,7 +282,7 @@ export default function AppTableOfContents(props) {
             </Typography>
           </Link>
         )}
-        {showAddJob && (
+        {!showSurveyBanner && showJobAd && (
           <Link
             href="https://jobs.ashbyhq.com/MUI?utm_source=2vOWXNv1PE"
             target="_blank"