From f927fae9eddb0371fae4c5c03ec08f068a296b26 Mon Sep 17 00:00:00 2001
From: Max Leiter <maxwell.leiter@gmail.com>
Date: Fri, 1 Apr 2022 17:26:01 -0700
Subject: [PATCH] client: improve clicking jump to file button

---
 client/components/file-dropdown/index.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/client/components/file-dropdown/index.tsx b/client/components/file-dropdown/index.tsx
index 83b04ff..f0a91d6 100644
--- a/client/components/file-dropdown/index.tsx
+++ b/client/components/file-dropdown/index.tsx
@@ -19,6 +19,9 @@ const FileDropdown = ({
 }) => {
     const [expanded, setExpanded] = useState(false)
     const [items, setItems] = useState<Item[]>([])
+    const changeHandler = (next: boolean) => {
+        setExpanded(next)
+    }
 
     const onOpen = useCallback(() => {
         setExpanded(true)
@@ -62,11 +65,15 @@ const FileDropdown = ({
 
     // a list of files with an icon and a title
     return (
-        <Button auto onClick={onOpen} className={styles.button} iconRight={<ChevronDown />}>
-            <Popover content={content} visible={expanded} hideArrow={true}>
+        <>
+            <Button auto onClick={onOpen} className={styles.button} iconRight={<ChevronDown />}>
                 Jump to {files.length} {files.length === 1 ? 'file' : 'files'}
-            </Popover>
-        </Button >
+            </Button>
+            <Popover
+                onVisibleChange={changeHandler}
+                content={content} visible={expanded} hideArrow={true} onClick={onClose} />
+        </>
+
     )
 }