fix: UI Tutorial 8-11 now focuses on page components (pinterest#148) (p…

…interest#1310) * fix: UI Tutorial 8-11 now focuses on page components * fix: resolved comments Co-authored-by: Julian Rojas Valvo <[email protected]>
arrowtail-precision · Jan 3, 2024 · 6b514f6 · 6b514f6
1 parent 68a68b3
commit 6b514f6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/querybook/webapp/components/Search/SearchContainer.tsx b/querybook/webapp/components/Search/SearchContainer.tsx
@@ -18,6 +18,7 @@ export const SearchContainer: React.FC = () => {
 
     return (
         <IconButton
+            className="SearchContainer"
             icon="Search"
             tooltipPos="right"
             tooltip="Search Queries, Docs, Tables, and Boards"

diff --git a/querybook/webapp/components/UIGuide/QuerybookSidebarUIGuide.tsx b/querybook/webapp/components/UIGuide/QuerybookSidebarUIGuide.tsx
@@ -130,8 +130,7 @@ function getQuerybookSidebarTourSteps() {
             ),
         },
         {
-            selector:
-                '.EntitySidebar .sidebar-footer [aria-label="Search Docs/Tables"]',
+            selector: '.EntitySidebar .apps-list .SearchContainer',
             content: (
                 <>
                     <p>This is the Advanced Search for DataDocs and Tables.</p>
@@ -145,7 +144,7 @@ function getQuerybookSidebarTourSteps() {
             ),
         },
         {
-            selector: '.EntitySidebar .sidebar-footer .UserMenu',
+            selector: '.EntitySidebar .apps-list .UserMenu',
             content: (
                 <>
                     <p>
@@ -161,7 +160,7 @@ function getQuerybookSidebarTourSteps() {
             ),
         },
         {
-            selector: '.EntitySidebar .sidebar-footer .QueryEngineStatusButton',
+            selector: '.EntitySidebar .apps-list .QueryEngineStatusButton',
             content: (
                 <>
                     <p>