fix: highlight bookmark tab (#1342)

AltimateAI · Jul 31, 2024 · c67b438 · c67b438
1 parent d9a881f
commit c67b438
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git 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
@@ -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"