In-app mpox update banner

chanzuckerberg · Sep 10, 2024 · 3864948 · 3864948
1 parent 93e8ed0
commit 3864948
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/frontend/src/components/NavBar/components/AppNavBar/components/Announcements/index.tsx b/src/frontend/src/components/NavBar/components/AppNavBar/components/Announcements/index.tsx
@@ -16,6 +16,11 @@ export const Announcements = (): JSX.Element => {
     USER_FEATURE_FLAGS.transfer_banner
   );
 
+  const shouldShowMpoxUpdateBanner = isUserFlagOn(
+    flag,
+    USER_FEATURE_FLAGS.mpox_update_banner
+  );
+
   return (
     <>
       {shouldShowTransferBanner && (
@@ -33,6 +38,20 @@ export const Announcements = (): JSX.Element => {
           <B>&nbsp;FOR MORE INFORMATION.</B>
         </StyledBanner>
       )}
+      {shouldShowMpoxUpdateBanner && (
+        <StyledBanner sdsType="primary">
+          <B>
+          MPOX TREE BUILDS ARE NOW UPDATED.&nbsp;
+          </B>
+          <StyledNewTabLink
+            href="https://help.czgenepi.org/hc/en-us/articles/30224919249684-Tree-Building-Updates-09-06-2024"
+            sdsStyle="dashed"
+          >
+            LEARN MORE
+          </StyledNewTabLink>
+          <B>.</B>
+        </StyledBanner>
+      )}
     </>
   );
 };
diff --git a/src/frontend/src/components/Split/types.ts b/src/frontend/src/components/Split/types.ts
@@ -21,6 +21,7 @@ export enum USER_FEATURE_FLAGS {
   multi_pathogen = "multi_pathogen",
   sunset_banner = "sunset_banner",
   transfer_banner = "transfer_banner",
+  mpox_update_banner = "mpox_update_banner",
 }
 
 /**