[docs] Add Black Friday banner to docs (#44565)

mui · Nov 27, 2024 · c23fe4a · c23fe4a
1 parent 9fab55d
commit c23fe4a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/docs/src/components/banner/AppFrameBanner.tsx b/docs/src/components/banner/AppFrameBanner.tsx
@@ -14,7 +14,11 @@ export default function AppFrameBanner() {
   // eslint-disable-next-line react-hooks/rules-of-hooks -- FEATURE_TOGGLE never changes
   const pageContext = React.useContext(PageContext);
   const productName = convertProductIdToName(pageContext) || 'MUI';
-  const message = `Influence ${productName}'s 2024 roadmap! Participate in the latest Developer Survey`;
+  const surveyMessage = `Influence ${productName}'s 2024 roadmap! Participate in the latest Developer Survey`;
+  const blackFridayMessage = `Black Friday is here! Don't miss out on the best offers of the year.`;
+
+  const showSurveyMessage = false;
+  const message = showSurveyMessage ? surveyMessage : blackFridayMessage;
 
   if (process.env.NODE_ENV !== 'production') {
     if (message.length > 100) {
@@ -26,7 +30,11 @@ export default function AppFrameBanner() {
 
   return (
     <Link
-      href="https://tally.so/r/3Ex4PN?source=docs-banner"
+      href={
+        showSurveyMessage
+          ? 'https://tally.so/r/3Ex4PN?source=website'
+          : 'https://mui.com/store/bundles/?deal=black-friday&from=docs'
+      }
       target="_blank"
       variant="caption"
       sx={[

diff --git a/docs/src/featureToggle.js b/docs/src/featureToggle.js
@@ -2,6 +2,6 @@
 module.exports = {
   enable_website_banner: false,
   enable_toc_banner: true,
-  enable_docsnav_banner: false,
+  enable_docsnav_banner: true,
   enable_job_banner: false,
 };