From 8a54ec873a2381a950215c7d051eb4462bd86f68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tadeusz=20Miesi=C4=85c?= <tadeusz.miesiac@gmail.com>
Date: Tue, 24 Oct 2023 12:27:27 +0800
Subject: [PATCH] feat(grouped search results): display current search value
---
.../GroupedSearchResults/GroupedSearchResults.component.tsx | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/src/components/Map/Drawer/SearchDrawerWrapper/GroupedSearchResults/GroupedSearchResults.component.tsx b/src/components/Map/Drawer/SearchDrawerWrapper/GroupedSearchResults/GroupedSearchResults.component.tsx
index 29a6076e..28aac2b5 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"
--
GitLab