Merge pull request #119 from Pearson-Advance/vue/PADV-1711

feat: add banner in institution portal
Pearson-Advance · Oct 8, 2024 · 3f57df1 · 3f57df1
2 parents e4c3f89 + 1673abb
commit 3f57df1
Show file tree

Hide file tree

Showing 3 changed files with 105 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -50,7 +50,7 @@
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "react-intl": "^5.25.1",
-    "react-paragon-topaz": "^1.8.0",
+    "react-paragon-topaz": "^1.15.0",
     "react-redux": "^7.2.9",
     "react-router": "5.2.1",
     "react-router-dom": "5.3.0",

diff --git a/src/features/Main/index.jsx b/src/features/Main/index.jsx
@@ -10,6 +10,7 @@ import {
 
 import { getConfig } from '@edx/frontend-platform';
 import { Container, Spinner } from '@edx/paragon';
+import { Banner } from 'react-paragon-topaz';
 
 import CookiePolicyBanner from '@pearsonedunext/frontend-component-cookie-policy-banner';
 
@@ -52,6 +53,8 @@ const Main = () => {
   const statusInstitutions = useSelector((state) => state.main.institution.status);
   const isLoadingInstitutions = statusInstitutions === RequestStatus.LOADING;
 
+  const bannerText = getConfig().MAINTENANCE_BANNER_TEXT || '';
+
   useEffect(() => {
     dispatch(fetchInstitutionData());
   }, [dispatch]);
@@ -83,6 +86,9 @@ const Main = () => {
     <BrowserRouter basename={getConfig().INSTITUTION_PORTAL_PATH}>
       <CookiePolicyBanner policyText={{ en: cookieText }} />
       <Header />
+      {bannerText && (
+        <Banner variant="warning" iconWarning text={bannerText} />
+      )}
       <div className="pageWrapper">
         <main className="d-flex">
           {isLoadingInstitutions && (