Add ebi survey banner (#657)

* - Add survey banner * - Change banner type to info
EBISPOT · May 14, 2024 · adeba9c · adeba9c
1 parent 7067ffb
commit adeba9c
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 7 deletions.
diff --git a/frontend/dist/banner.txt b/frontend/dist/banner.txt
@@ -0,0 +1,3 @@
+Do data resources managed by EMBL-EBI and our collaborators make a difference to your work? <br><br>
+Please take 10 minutes to fill in our annual user survey, and help us make the case for why sustaining open data resources is critical for life sciences research.<br><br>
+Survey link: <a href='https://www.surveymonkey.com/r/HJKYKTT?channel=[webpage]' target='_blank'>https://www.surveymonkey.com/r/HJKYKTT?channel=[webpage]</a>
diff --git a/frontend/src/banner.txt b/frontend/src/banner.txt
@@ -0,0 +1,3 @@
+Do data resources managed by EMBL-EBI and our collaborators make a difference to your work? <br><br>
+Please take 10 minutes to fill in our annual user survey, and help us make the case for why sustaining open data resources is critical for life sciences research.<br><br>
+Survey link: <a href='https://www.surveymonkey.com/r/HJKYKTT?channel=[webpage]' target='_blank'>https://www.surveymonkey.com/r/HJKYKTT?channel=[webpage]</a>
diff --git a/frontend/src/components/Banner.tsx b/frontend/src/components/Banner.tsx
@@ -20,18 +20,18 @@ export function Banner({
           : ""
       }`}
     >
-      <span>
+      <div style={{display: 'flex', alignItems: 'center'}}>
         {type === "info" && (
-          <i className="icon icon-common icon-info text-2xl text-blue-500 mr-2" />
+            <i className="icon icon-common icon-info text-2xl text-blue-500 mr-2"/>
         )}
         {type === "warning" && (
-          <i className="icon icon-common icon-exclamation-triangle text-2xl text-yellow-800 mr-2" />
+            <i className="icon icon-common icon-exclamation-triangle text-2xl text-yellow-800 mr-2"/>
         )}
         {type === "error" && (
-          <i className="icon icon-common icon-exclamation-circle text-2xl text-red-500 mr-2" />
+            <i className="icon icon-common icon-exclamation-circle text-2xl text-red-500 mr-2"/>
         )}
-      </span>
-      {children}
+        <div dangerouslySetInnerHTML={{__html: children}}/>
+      </div>
     </div>
   );
 }
diff --git a/frontend/src/pages/home/Home.tsx b/frontend/src/pages/home/Home.tsx
@@ -69,7 +69,7 @@ export default function Home() {
       <main className="container mx-auto px-4 h-fit">
         {banner !== "" && (
           <div className="mt-4">
-            <Banner type="warning">{banner}</Banner>
+            <Banner type="info">{banner}</Banner>
           </div>
         )}
         <div className="grid grid-cols-1 lg:grid-cols-4 lg:gap-8">