diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js index a7522c2d29..3fa4006ce2 100644 --- a/docs/docusaurus.config.js +++ b/docs/docusaurus.config.js @@ -99,11 +99,11 @@ const config = { }, ], }, - // State of React Native survey banner + // React Native Paradise banner announcementBar: { - id: 'state-of-react-native-2024', + id: 'react-native-paradise-2025', content: ' ', - backgroundColor: '#b1dfd0', + backgroundColor: '#fff5f7', textColor: '#001a72', }, footer: { diff --git a/docs/src/theme/AnnouncementBar/Content/index.js b/docs/src/theme/AnnouncementBar/Content/index.js index 3b14b3e423..047e061013 100644 --- a/docs/src/theme/AnnouncementBar/Content/index.js +++ b/docs/src/theme/AnnouncementBar/Content/index.js @@ -11,19 +11,19 @@ export default function AnnouncementBarContent(props) {
State of React Native logo - State of React Native 2024 + React Native Paradise

- Have a few minutes and want to shape the future of React Native? + Join us for one week of workshops hosted by React Native experts!

- Fill out the survey now! + Check the details
diff --git a/docs/src/theme/AnnouncementBar/Content/styles.module.css b/docs/src/theme/AnnouncementBar/Content/styles.module.css index 22907c7fce..0ff3936c98 100644 --- a/docs/src/theme/AnnouncementBar/Content/styles.module.css +++ b/docs/src/theme/AnnouncementBar/Content/styles.module.css @@ -54,24 +54,26 @@ a.link { grid-area: link; margin-left: auto; margin-right: 64px; + border-radius: 4px; + text-transform: uppercase; } .linkTitle { color: var(--swm-white); - font-weight: 500; + font-weight: bold; text-wrap: nowrap; transition: all 0.2s ease-in-out; } .link:hover { - background-color: var(--swm-white); - border-color: var(--swm-navy-light-100); + background-color: var(--swm-blue-light-100); + border-color: var(--swm-blue-light-100); text-decoration: none; } .link:hover .linkTitle, .link:hover .linkArrow { - color: var(--swm-navy-light-100); + color: var(--swm-white); } .linkArrow { diff --git a/docs/src/theme/AnnouncementBar/index.js b/docs/src/theme/AnnouncementBar/index.js index 2a98102b0d..7a538ac25c 100644 --- a/docs/src/theme/AnnouncementBar/index.js +++ b/docs/src/theme/AnnouncementBar/index.js @@ -32,10 +32,10 @@ function AnnouncementBar() { return null; } - // hide announcement bar at the end of the State of React Native survey + // hide announcement bar after 14.02.2025 const today = new Date(); - const endOfStateOfReactNative = new Date('2025-01-08T00:00:00.000Z'); - if (today > endOfStateOfReactNative) { + const hideAfter = new Date('2025-02-14T00:00:00.000Z'); + if (today > hideAfter) { return null; } diff --git a/docs/static/img/react-native-paradise.svg b/docs/static/img/react-native-paradise.svg new file mode 100644 index 0000000000..10ee1911ac --- /dev/null +++ b/docs/static/img/react-native-paradise.svg @@ -0,0 +1,5 @@ + + + + +