Merge pull request #4705 from wri/feat/fetch-notifications-in-about-page

feat(notice-board): integrate notice board in about and search pages

pages/about.js

@@ -1,13 +1,18 @@
 import PageWrapper from 'wrappers/page';
 import About from 'layouts/about';
 
+import PropTypes from 'prop-types';
+
 import { getImpactProjects, getSGFProjects } from 'services/projects';
 import { getCountriesProvider } from 'services/country';
 
+import { getPublishedNotifications } from 'services/notifications';
+
 const AboutPage = (props) => (
   <PageWrapper
     title="About GFW | Global Forest Watch"
     description="Global Forest Watch is an online platform that provides data and tools for monitoring forests."
+    notifications={props.notifications}
   >
     <About {...props} />
   </PageWrapper>
@@ -17,14 +22,21 @@ export const getStaticProps = async () => {
   const { sgfProjects } = await getSGFProjects({ params: { per_page: 100 } });
   const impactProjects = await getImpactProjects();
   const countries = await getCountriesProvider();
+  const notifications = await getPublishedNotifications();
 
   return {
     props: {
       impactProjects,
       sgfProjects,
       countries: countries?.data?.rows,
+      notifications: notifications || [],
     },
+    revalidate: 10,
   };
 };
 
+AboutPage.propTypes = {
+  notifications: PropTypes.array,
+};
+
 export default AboutPage;

pages/search.js

@@ -1,14 +1,34 @@
 import PageLayout from 'wrappers/page';
 import Search from 'layouts/search';
 
-const SearchPage = () => (
+import PropTypes from 'prop-types';
+
+import { getPublishedNotifications } from 'services/notifications';
+
+const SearchPage = (props) => (
   <PageLayout
     title="Search | Global Forest Watch"
     description="Search forest information, including forest data, news, updates and more."
+    notifications={props.notifications}
     noIndex
   >
     <Search />
   </PageLayout>
 );
 
+// eslint-disable-next-line no-unused-vars
+export const getServerSideProps = async ({ params, query, req }) => {
+  const notifications = await getPublishedNotifications();
+
+  return {
+    props: {
+      notifications: notifications || [],
+    },
+  };
+};
+
+SearchPage.propTypes = {
+  notifications: PropTypes.array,
+};
+
 export default SearchPage;