Merge pull request #4 from ikoamu/feat/focus-search-result

Focus search result

Author: ikoamu

Diff for: components/Search/index.tsx

@@ -8,16 +8,20 @@ import { NodeById } from '../../pages'
 export const Search: React.FC<{
   nodeById: NodeById
   setPreviewNode: (newPresent: NodeObject) => void
-}> = ({ nodeById, setPreviewNode }) => {
+  onClickResultItem?: (nodeId: string) => void
+}> = ({ nodeById, setPreviewNode, onClickResultItem }) => {
   const { isOpen, onOpen, onClose } = useDisclosure()
 
   const handleOnClickResultItem = useCallback(
     (id: string) => {
       const node = nodeById[id]
       onClose()
-      if (!!node) setPreviewNode(node)
+      if (!!node) {
+        setPreviewNode(node)
+        if (onClickResultItem) onClickResultItem(node.id)
+      }
     },
-    [nodeById, onClose, setPreviewNode],
+    [nodeById, onClickResultItem, onClose, setPreviewNode],
   )
 
   return (

Diff for: pages/index.tsx

@@ -661,6 +661,9 @@ export function GraphPage() {
                 <Search
                   nodeById={nodeByIdRef.current!}
                   setPreviewNode={setPreviewNode}
+                  onClickResultItem={(id) => {
+                    setEmacsNodeId(id)
+                  }}
                 />
                 <Tooltip label={isOpen ? 'Close sidebar' : 'Open sidebar'}>
                   <IconButton