From 7968a589372945d133f9c5c2111f669039c7b1c7 Mon Sep 17 00:00:00 2001
From: Dave Falke <dfalke@uga.edu>
Date: Mon, 8 Jul 2024 13:26:47 -0400
Subject: [PATCH] Add banner related to fixing variable identifiers in mbio

---
 .../src/components/Announcements.jsx          | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/packages/libs/web-common/src/components/Announcements.jsx b/packages/libs/web-common/src/components/Announcements.jsx
index 88f049f76d..958aac5b95 100644
--- a/packages/libs/web-common/src/components/Announcements.jsx
+++ b/packages/libs/web-common/src/components/Announcements.jsx
@@ -5,6 +5,8 @@ import { groupBy, noop } from 'lodash';
 import { Link, IconAlt } from '@veupathdb/wdk-client/lib/Components';
 import { useWdkService } from '@veupathdb/wdk-client/lib/Hooks/WdkServiceHook';
 import { safeHtml } from '@veupathdb/wdk-client/lib/Utils/ComponentUtils';
+import { makeEdaRoute } from '../routes';
+import { colors, Warning } from '@veupathdb/coreui';
 
 const stopIcon = (
   <span className="fa-stack" style={{ fontSize: '1.2em' }}>
@@ -105,6 +107,25 @@ const siteAnnouncements = [
     }
   },
 */
+  {
+    id: 'mbio-variable-fix',
+    category: 'degraded',
+    renderDisplay: (props) => {
+      if (
+        props.projectId !== 'MicrobiomeDB' ||
+        !props.location.pathname.startsWith(makeEdaRoute())
+      )
+        return null;
+      return (
+        <div>
+          Some variable names updates have invalidated some filters. Please
+          remove the invalid filters to continue your work in affected analyses.
+          Invalid filters are marked with a{' '}
+          <Warning fill={colors.warning[500]} /> icon.
+        </div>
+      );
+    },
+  },
 
   {
     id: 'clinepiEDA',