add scroll to buttons for the history and lexica panels.

AbdullahAlfaraj · Oct 3, 2023 · 42294d2 · 42294d2
1 parent 7ad9a7e
commit 42294d2
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/typescripts/tool_bar/tool_bar.tsx b/typescripts/tool_bar/tool_bar.tsx
@@ -78,6 +78,25 @@ function scrollToPreview() {
         console.error(e)
     }
 }
+function scrollToHistory() {
+    try {
+        document
+            .querySelector('#search_second_panel > div#historyImagesContainer')!
+            .scrollIntoView()
+    } catch (e) {
+        console.error(e)
+    }
+}
+function scrollToLexica() {
+    try {
+        document
+            .querySelector('#search_second_panel > div.lexicaContainer')!
+            .scrollIntoView()
+    } catch (e) {
+        console.error(e)
+    }
+}
+
 @observer
 class ToolBar extends React.Component<{}> {
     componentDidMount(): void {
@@ -202,6 +221,22 @@ class ToolBar extends React.Component<{}> {
                     >
                         C
                     </button>
+                    <button
+                        id=""
+                        className="btnSquare svgButton"
+                        title="Quickly jump to the History Panel"
+                        onClick={scrollToHistory}
+                    >
+                        H
+                    </button>
+                    <button
+                        id=""
+                        className="btnSquare svgButton"
+                        title="Quickly jump to the Lexica Panel"
+                        onClick={scrollToLexica}
+                    >
+                        L
+                    </button>
                 </div>
             </div>
         )