From 9804770507043be283af8c1ce30a99dca8f597d3 Mon Sep 17 00:00:00 2001 From: Prakhar Gupta <92228082+prakhargupta1@users.noreply.github.com> Date: Wed, 24 Dec 2025 13:19:19 +0530 Subject: [PATCH 1/7] add --- docs/src/components/banner/AppFrameBanner.tsx | 11 ++++++++--- docs/src/components/banner/AppHeaderBanner.tsx | 6 +++--- docs/src/featureToggle.ts | 4 ++-- 3 files changed, 13 insertions(+), 8 deletions(-) diff --git a/docs/src/components/banner/AppFrameBanner.tsx b/docs/src/components/banner/AppFrameBanner.tsx index e52e6c8b9d1a9f..e263d1c2e84213 100644 --- a/docs/src/components/banner/AppFrameBanner.tsx +++ b/docs/src/components/banner/AppFrameBanner.tsx @@ -5,7 +5,7 @@ import FEATURE_TOGGLE from 'docs/src/featureToggle'; import PageContext from 'docs/src/modules/components/PageContext'; import { convertProductIdToName } from 'docs/src/modules/components/AppSearch'; -const showSurveyMessage = false; +const showSurveyMessage = true; function isBlackFriday() { const today = Date.now(); @@ -34,12 +34,17 @@ export default function AppFrameBanner() { const pageContext = React.useContext(PageContext); const productName = convertProductIdToName(pageContext) || 'MUI'; + // Only show banner on MUI X product pages + if (productName !== 'MUI X') { + return null; + } + let message = ''; let href = ''; if (showSurveyMessage) { - message = `🚀 Influence ${productName}'s 2025 roadmap! Participate in the latest Developer Survey`; - href = 'https://tally.so/r/mObbvk?source=website'; + message = `🚀 Influence ${productName}'s 2026 roadmap! Participate in the latest Developer Survey`; + href = 'https://tally.so/r/3jOKG1?source=docs-banner'; } else if (mounted && isBlackFriday()) { message = `Black Friday is here! Don't miss out on the best offers of the year.`; href = 'https://mui.com/store/bundles/?deal=black-friday&from=docs'; diff --git a/docs/src/components/banner/AppHeaderBanner.tsx b/docs/src/components/banner/AppHeaderBanner.tsx index 99e85961f5e138..6aaf6cd4fc5e73 100644 --- a/docs/src/components/banner/AppHeaderBanner.tsx +++ b/docs/src/components/banner/AppHeaderBanner.tsx @@ -22,10 +22,10 @@ const linkStyleOverrides = (theme: Theme) => ({ function getSurveyMessage() { return ( - {`🚀 Influence MUI's 2025 roadmap! Participate in the latest`} + {`🚀 Influence MUI X's 2026 roadmap! Participate in the latest`}   Date: Wed, 24 Dec 2025 14:40:17 +0530 Subject: [PATCH 2/7] test --- docs/src/components/banner/AppFrameBanner.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/src/components/banner/AppFrameBanner.tsx b/docs/src/components/banner/AppFrameBanner.tsx index e263d1c2e84213..da267740d47943 100644 --- a/docs/src/components/banner/AppFrameBanner.tsx +++ b/docs/src/components/banner/AppFrameBanner.tsx @@ -34,10 +34,10 @@ export default function AppFrameBanner() { const pageContext = React.useContext(PageContext); const productName = convertProductIdToName(pageContext) || 'MUI'; - // Only show banner on MUI X product pages - if (productName !== 'MUI X') { - return null; - } + // // Only show banner on MUI X product pages + // if (productName !== 'MUI X') { + // return null; + // } let message = ''; let href = ''; From dead6e9474499f14598a0354dcb442d8a7574523 Mon Sep 17 00:00:00 2001 From: Prakhar Gupta <92228082+prakhargupta1@users.noreply.github.com> Date: Wed, 24 Dec 2025 15:09:09 +0530 Subject: [PATCH 3/7] comment --- docs/src/components/banner/AppFrameBanner.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/src/components/banner/AppFrameBanner.tsx b/docs/src/components/banner/AppFrameBanner.tsx index da267740d47943..e263d1c2e84213 100644 --- a/docs/src/components/banner/AppFrameBanner.tsx +++ b/docs/src/components/banner/AppFrameBanner.tsx @@ -34,10 +34,10 @@ export default function AppFrameBanner() { const pageContext = React.useContext(PageContext); const productName = convertProductIdToName(pageContext) || 'MUI'; - // // Only show banner on MUI X product pages - // if (productName !== 'MUI X') { - // return null; - // } + // Only show banner on MUI X product pages + if (productName !== 'MUI X') { + return null; + } let message = ''; let href = ''; From 5f484d244791486ff218623d27ba57d2e870240c Mon Sep 17 00:00:00 2001 From: Prakhar Gupta <92228082+prakhargupta1@users.noreply.github.com> Date: Wed, 24 Dec 2025 17:27:25 +0530 Subject: [PATCH 4/7] prettier --- docs/src/components/banner/AppFrameBanner.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/src/components/banner/AppFrameBanner.tsx b/docs/src/components/banner/AppFrameBanner.tsx index e263d1c2e84213..82be528a4be3bc 100644 --- a/docs/src/components/banner/AppFrameBanner.tsx +++ b/docs/src/components/banner/AppFrameBanner.tsx @@ -34,7 +34,7 @@ export default function AppFrameBanner() { const pageContext = React.useContext(PageContext); const productName = convertProductIdToName(pageContext) || 'MUI'; - // Only show banner on MUI X product pages + // Only show banner on MUI X product pages if (productName !== 'MUI X') { return null; } From 1ee14e495788f909c06beff5a75b611d169979b8 Mon Sep 17 00:00:00 2001 From: Prakhar Gupta <92228082+prakhargupta1@users.noreply.github.com> Date: Mon, 5 Jan 2026 17:20:31 +0530 Subject: [PATCH 5/7] cover all MUI docs --- docs/src/components/banner/AppFrameBanner.tsx | 15 +++++---------- docs/src/components/banner/AppHeaderBanner.tsx | 12 +++++------- 2 files changed, 10 insertions(+), 17 deletions(-) diff --git a/docs/src/components/banner/AppFrameBanner.tsx b/docs/src/components/banner/AppFrameBanner.tsx index 82be528a4be3bc..b5e1c6006a33e6 100644 --- a/docs/src/components/banner/AppFrameBanner.tsx +++ b/docs/src/components/banner/AppFrameBanner.tsx @@ -2,8 +2,8 @@ import * as React from 'react'; import { alpha } from '@mui/material/styles'; import { Link } from '@mui/docs/Link'; import FEATURE_TOGGLE from 'docs/src/featureToggle'; -import PageContext from 'docs/src/modules/components/PageContext'; -import { convertProductIdToName } from 'docs/src/modules/components/AppSearch'; +// import PageContext from 'docs/src/modules/components/PageContext'; +// import { convertProductIdToName } from 'docs/src/modules/components/AppSearch'; const showSurveyMessage = true; @@ -31,19 +31,14 @@ export default function AppFrameBanner() { // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler // eslint-disable-next-line react-hooks/rules-of-hooks -- FEATURE_TOGGLE never changes - const pageContext = React.useContext(PageContext); - const productName = convertProductIdToName(pageContext) || 'MUI'; - - // Only show banner on MUI X product pages - if (productName !== 'MUI X') { - return null; - } + // const pageContext = React.useContext(PageContext); + // const productName = convertProductIdToName(pageContext) || 'MUI'; let message = ''; let href = ''; if (showSurveyMessage) { - message = `🚀 Influence ${productName}'s 2026 roadmap! Participate in the latest Developer Survey`; + message = `🚀 Influence MUI's 2026 roadmap! Take our latest Developer Survey`; href = 'https://tally.so/r/3jOKG1?source=docs-banner'; } else if (mounted && isBlackFriday()) { message = `Black Friday is here! Don't miss out on the best offers of the year.`; diff --git a/docs/src/components/banner/AppHeaderBanner.tsx b/docs/src/components/banner/AppHeaderBanner.tsx index 6aaf6cd4fc5e73..4ebbc438450abf 100644 --- a/docs/src/components/banner/AppHeaderBanner.tsx +++ b/docs/src/components/banner/AppHeaderBanner.tsx @@ -22,7 +22,7 @@ const linkStyleOverrides = (theme: Theme) => ({ function getSurveyMessage() { return ( - {`🚀 Influence MUI X's 2026 roadmap! Participate in the latest`} + {`🚀 Influence MUI's 2026 roadmap! Take our latest`}   Date: Mon, 5 Jan 2026 17:24:28 +0530 Subject: [PATCH 6/7] prettier --- docs/src/components/banner/AppHeaderBanner.tsx | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/docs/src/components/banner/AppHeaderBanner.tsx b/docs/src/components/banner/AppHeaderBanner.tsx index 4ebbc438450abf..af56c0e8c9cd81 100644 --- a/docs/src/components/banner/AppHeaderBanner.tsx +++ b/docs/src/components/banner/AppHeaderBanner.tsx @@ -72,11 +72,13 @@ export default function AppHeaderBanner() { alignItems: { xs: 'start', sm: 'center' }, justifyContent: 'center', fontSize: theme.typography.pxToRem(13), - background: `linear-gradient(-90deg, ${(theme.vars || theme).palette.primary[700]}, ${(theme.vars || theme).palette.primary[500] - } 120%)`, + background: `linear-gradient(-90deg, ${(theme.vars || theme).palette.primary[700]}, ${ + (theme.vars || theme).palette.primary[500] + } 120%)`, ...theme.applyDarkStyles({ - background: `linear-gradient(90deg, ${(theme.vars || theme).palette.primary[900]}, ${(theme.vars || theme).palette.primary[600] - } 120%)`, + background: `linear-gradient(90deg, ${(theme.vars || theme).palette.primary[900]}, ${ + (theme.vars || theme).palette.primary[600] + } 120%)`, }), }), ]} From 502de514a8eb090213631e96bfb1510ca9b4180d Mon Sep 17 00:00:00 2001 From: Prakhar Gupta <92228082+prakhargupta1@users.noreply.github.com> Date: Mon, 5 Jan 2026 17:52:58 +0530 Subject: [PATCH 7/7] remove unused code --- docs/src/components/banner/AppFrameBanner.tsx | 7 ------- 1 file changed, 7 deletions(-) diff --git a/docs/src/components/banner/AppFrameBanner.tsx b/docs/src/components/banner/AppFrameBanner.tsx index b5e1c6006a33e6..90328761574646 100644 --- a/docs/src/components/banner/AppFrameBanner.tsx +++ b/docs/src/components/banner/AppFrameBanner.tsx @@ -2,8 +2,6 @@ import * as React from 'react'; import { alpha } from '@mui/material/styles'; import { Link } from '@mui/docs/Link'; import FEATURE_TOGGLE from 'docs/src/featureToggle'; -// import PageContext from 'docs/src/modules/components/PageContext'; -// import { convertProductIdToName } from 'docs/src/modules/components/AppSearch'; const showSurveyMessage = true; @@ -29,11 +27,6 @@ export default function AppFrameBanner() { setMounted(true); }, []); - // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler - // eslint-disable-next-line react-hooks/rules-of-hooks -- FEATURE_TOGGLE never changes - // const pageContext = React.useContext(PageContext); - // const productName = convertProductIdToName(pageContext) || 'MUI'; - let message = ''; let href = '';