fix: always highlight first item in home view

dhis2 · Jan 25, 2025 · 11d2fad · 11d2fad
1 parent 1970312
commit 11d2fad
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/components/header-bar/src/command-palette/hooks/use-navigation.js b/components/header-bar/src/command-palette/hooks/use-navigation.js
@@ -24,12 +24,20 @@ export const useNavigation = ({
         setActiveSection,
     } = useCommandPaletteContext()
 
+    const defaultSection = showGrid ? 'grid' : 'actions'
+
     // highlight first item in filtered results
     useEffect(() => {
         setHighlightedIndex(0)
     }, [filter, setHighlightedIndex])
 
-    const defaultSection = showGrid ? 'grid' : 'actions'
+    // highlight first item in home view
+    useEffect(() => {
+        if (currentView === 'home' && !activeSection) {
+            setActiveSection(defaultSection)
+            setHighlightedIndex(0)
+        }
+    }, [])
 
     const goToDefaultView = useCallback(() => {
         setFilter('')
@@ -256,7 +264,5 @@ export const useNavigation = ({
         handleKeyDown,
         goToDefaultView,
         modalRef,
-        activeSection,
-        setActiveSection,
     }
 }