From c67b43884ff17daf772b37b5a1e10b95f145b3aa Mon Sep 17 00:00:00 2001
From: Saravanan <sarav.majestic@gmail.com>
Date: Wed, 31 Jul 2024 11:59:58 +0530
Subject: [PATCH] fix: highlight bookmark tab (#1342)

---
 .../QueryPanelContents/QueryPanelTitle.tsx       | 16 ++++++++++------
 .../queryPanelBookmarks/QueryPanelBookmarks.tsx  |  9 ++++++++-
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/webview_panels/src/modules/queryPanel/components/QueryPanelContents/QueryPanelTitle.tsx b/webview_panels/src/modules/queryPanel/components/QueryPanelContents/QueryPanelTitle.tsx
index 5caf8d24b..3f5c842f9 100644
--- a/webview_panels/src/modules/queryPanel/components/QueryPanelContents/QueryPanelTitle.tsx
+++ b/webview_panels/src/modules/queryPanel/components/QueryPanelContents/QueryPanelTitle.tsx
@@ -44,12 +44,16 @@ const QueryPanelTitle = ({
             </NewFeatureIndicator>
           </NavItem>
           <NavItem>
-            <NavLink
-              active={QueryPanelTitleTabState.Bookmarks === tabState}
-              onClick={() => toggleTabState(QueryPanelTitleTabState.Bookmarks)}
-            >
-              Bookmarks
-            </NavLink>
+            <NewFeatureIndicator featureKey="query-results-bookmarks-clicked">
+              <NavLink
+                active={QueryPanelTitleTabState.Bookmarks === tabState}
+                onClick={() =>
+                  toggleTabState(QueryPanelTitleTabState.Bookmarks)
+                }
+              >
+                Bookmarks
+              </NavLink>
+            </NewFeatureIndicator>
           </NavItem>
         </>
       ) : null,
diff --git a/webview_panels/src/modules/queryPanel/components/queryPanelBookmarks/QueryPanelBookmarks.tsx b/webview_panels/src/modules/queryPanel/components/queryPanelBookmarks/QueryPanelBookmarks.tsx
index ef3d05663..64947f609 100644
--- a/webview_panels/src/modules/queryPanel/components/queryPanelBookmarks/QueryPanelBookmarks.tsx
+++ b/webview_panels/src/modules/queryPanel/components/queryPanelBookmarks/QueryPanelBookmarks.tsx
@@ -1,5 +1,5 @@
 import styles from "../../querypanel.module.scss";
-import { Stack, CodeBlock, Label, IconButton } from "@uicore";
+import { Stack, CodeBlock, Label, IconButton, Alert } from "@uicore";
 import { useEffect, useState } from "react";
 import { QueryBookmark } from "@modules/queryPanel/context/types";
 import { ChevronRightIcon, OpenNewIcon } from "@assets/icons";
@@ -46,6 +46,13 @@ const QueryPanelBookmarks = (): JSX.Element => {
       className={`${styles.queryTwoCol} ${tabState === QueryPanelTitleTabState.Bookmarks ? "" : "d-none"}`}
     >
       <Stack direction="column" className={styles.limitWidth}>
+        <Alert color="warning">
+          Check out the{" "}
+          <a href="https://docs.myaltimate.com/govern/querybookmarks/">
+            documentation
+          </a>{" "}
+          to learn more about Query Bookmarks.
+        </Alert>
         <BookmarkAccordion
           onSelect={onSelect}
           privacy="private"