bla

Altinn · Nov 27, 2024 · 9186d6a · 9186d6a
1 parent c0c7d9a
commit 9186d6a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/frontend/src/components/PageLayout/PageLayout.tsx b/packages/frontend/src/components/PageLayout/PageLayout.tsx
@@ -26,7 +26,7 @@ export const ProtectedPageLayout = () => {
 export const PageLayout: React.FC = () => {
   const [searchParams] = useSearchParams();
   const queryClient = useQueryClient();
-  const { searchValue, setSearchValue, onSearch, onClear } = useSearchString();
+  const { searchValue, setSearchValue, onSearch, onClear, autocompleteItems} = useSearchString();
 
   const { selectedProfile, selectedParties, parties, selectedPartyIds } = useParties();
   const { accounts, selectedAccount, accountSearch } = useAccounts({ parties, selectedParties });
@@ -65,6 +65,9 @@ export const PageLayout: React.FC = () => {
       onClear: () => onClear(),
       onChange: (event: ChangeEvent<HTMLInputElement>) => setSearchValue(event.target.value),
       onEnter: () => onSearch(searchValue),
+      autocomplete: {
+        items: autocompleteItems.searchResults,
+      },
     },
     menu: {
       menuLabel: 'Meny',

diff --git a/packages/frontend/src/components/PageLayout/Search/useSearchString.tsx b/packages/frontend/src/components/PageLayout/Search/useSearchString.tsx
@@ -53,6 +53,8 @@ export const useSearchString = () => {
   const searchQueryParams = getSearchStringFromQueryParams(searchParams);
   const [searchValue, setSearchValue] = useState<string>(searchQueryParams);
   const [enteredSearchValue, setEnteredSearchValue] = useState<string>(searchQueryParams);
+  const searchResults = useSearchDialogs({ parties: [], searchString: enteredSearchValue });
+  const autocompleteItems = useSearchDialogs({ parties: [], searchString: searchValue });
 
   const onSearch = (value: string) => {
     if (!value) {
@@ -84,5 +86,5 @@ export const useSearchString = () => {
     searchBarParam.delete('search');
   }, [searchParams]);
 
-  return { searchValue, enteredSearchValue, setSearchValue, onSearch, onClear };
+  return { searchValue, enteredSearchValue, setSearchValue, onSearch, onClear, autocompleteItems ,searchResults};
 };