From 6a8b8d89cc9d108f8d0e68e8e6968ecdf19ab6e2 Mon Sep 17 00:00:00 2001
From: Will Johnston <will-github@wwj.dev>
Date: Tue, 15 Aug 2023 12:02:51 -0700
Subject: [PATCH] adding redis 7.2 announcement bar

---
 docusaurus.config.js | 16 ++++++++--------
 src/css/custom.scss  | 13 +++++++++++++
 2 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 8339bb274db..62d69dcaa9b 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -314,14 +314,14 @@ module.exports = {
         // Useful if you want to support a single color mode
         disableSwitch: false,
       },
-      //   announcementBar: {
-      //     id: 'redisconf20201cfp', // Any value that will identify this message.
-      //     content:
-      //       '<a href="https://redis.com/redisdays/" target="_blank" rel="noopener">RedisDays Available Now On-Demand.</a>',
-      //     backgroundColor: '#fff', // Defaults to `#fff`.
-      //     textColor: '#000', // Defaults to `#000`.
-      //     isCloseable: true, // Defaults to `true`.
-      //   },
+        announcementBar: {
+          id: 'redis-7-2-release', // Any value that will identify this message.
+          content:
+            '<div class="announcement-bar"><a href="https://redis.com/blog/introducing-redis-7-2/" target="_blank" rel="noopener"><span>Announcing Redis 7.2 and Enhanced Vector DB</span> <span style="margin-left:1rem">Learn more</span> <span style="margin-left:0.25rem">→</span></a></div>',
+          backgroundColor: 'rgb(210, 215, 254)', // Defaults to `#fff`.
+          textColor: 'rgb(22 31 49)', // Defaults to `#000`.
+          isCloseable: true, // Defaults to `true`.
+        },
     }),
   presets: [
     [
diff --git a/src/css/custom.scss b/src/css/custom.scss
index 2c344e188bc..a823949198b 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -55,3 +55,16 @@ html[data-theme='dark'] {
 .home-main {
   overflow: hidden;
 }
+
+.announcement-bar {
+  :hover {
+    color: rgb(79, 70, 229);
+  }
+
+  > a {
+    display: inline-block;
+    width:100%;
+    text-decoration: none !important;
+    font-size: 1rem;
+  }
+}