diff --git a/src/components/Map/Drawer/SearchDrawerWrapper/GroupedSearchResults/GroupedSearchResults.component.tsx b/src/components/Map/Drawer/SearchDrawerWrapper/GroupedSearchResults/GroupedSearchResults.component.tsx index 29a6076e9937a13aea95d1245c0e8c3c2ac48834..28aac2b5b95fc3ef1c86b687a6cc1ad63c2631f3 100644 --- a/src/components/Map/Drawer/SearchDrawerWrapper/GroupedSearchResults/GroupedSearchResults.component.tsx +++ b/src/components/Map/Drawer/SearchDrawerWrapper/GroupedSearchResults/GroupedSearchResults.component.tsx @@ -6,11 +6,14 @@ import { closeDrawer } from '@/redux/drawer/drawer.slice'; import { useAppDispatch } from '@/redux/hooks/useAppDispatch'; import { IconButton } from '@/shared/IconButton'; import { Accordion } from '@/shared/Accordion'; +import { useAppSelector } from '@/redux/hooks/useAppSelector'; +import { searchValueSelector } from '@/redux/search/search.selectors'; export const CLOSE_BUTTON_ROLE = 'close-drawer-button'; export const GroupedSearchResults = (): JSX.Element => { const dispatch = useAppDispatch(); + const searchValue = useAppSelector(searchValueSelector); const handleCloseDrawer = (): void => { dispatch(closeDrawer()); @@ -21,7 +24,7 @@ export const GroupedSearchResults = (): JSX.Element => { <div className="flex items-center justify-between border-b border-b-divide px-6"> <div className=" py-8 text-xl"> <span className="font-normal">Search: </span> - <span className="font-semibold">NADH</span> + <span className="font-semibold">{searchValue}</span> </div> <IconButton className="bg-white-pearl"