fix: keep toggle state for virtual scroll

Author: HerringtonDarkholme

src/webview/SearchSidebar/SearchResultList/TreeItem.tsx

@@ -3,6 +3,7 @@ import TreeHeader from './TreeHeader'
 import type { DisplayResult } from '../../../types'
 import { MatchList } from './MatchList'
 import { memo, useEffect, useRef } from 'react'
+import { useToggleResult } from './useListState'
 import * as stylex from '@stylexjs/stylex'
 
 const styles = stylex.create({
@@ -52,7 +53,7 @@ interface TreeItemProps {
 }
 
 const TreeItem = ({ className, matches }: TreeItemProps) => {
-  const [isExpanded, toggleIsExpanded] = useBoolean(true)
+  const [isExpanded, toggleIsExpanded] = useToggleResult(matches[0].file)
   const { isScrolled, ref } = useStickyShadow()
   const props = stylex.props(styles.treeItem)
 

src/webview/SearchSidebar/SearchResultList/useListState.tsx

@@ -0,0 +1,31 @@
+// maintains data list's UI state
+// e.g. toggle expand selected item
+
+import { useCallback } from 'react'
+import { useBoolean } from 'react-use'
+
+const collapseMap = new Map<string, boolean>()
+
+export function useToggleResult(filePath: string) {
+  const collapsedBefore = collapseMap.get(filePath)
+  const [isExpanded, toggle] = useBoolean(!collapsedBefore)
+  const toggleIsExpanded = useCallback(() => {
+    toggleResult(filePath)
+    toggle()
+  }, [filePath, toggle])
+  return [isExpanded, toggleIsExpanded] as const
+}
+
+function toggleResult(filePath: string) {
+  if (collapseMap.has(filePath)) {
+    collapseMap.delete(filePath)
+  } else {
+    collapseMap.set(filePath, true)
+  }
+}
+
+// let activeItem: DisplayResult | null = null
+
+// function setActiveItem(match: DisplayResult) {
+
+// }