Skip to content
Snippets Groups Projects

feat(grouped search results): display current search value

Merged Tadeusz Miesiąc requested to merge feature/search-value into development
1 file
+ 4
1
Compare changes
  • Side-by-side
  • Inline
@@ -6,11 +6,14 @@ import { closeDrawer } from '@/redux/drawer/drawer.slice';
@@ -6,11 +6,14 @@ import { closeDrawer } from '@/redux/drawer/drawer.slice';
import { useAppDispatch } from '@/redux/hooks/useAppDispatch';
import { useAppDispatch } from '@/redux/hooks/useAppDispatch';
import { IconButton } from '@/shared/IconButton';
import { IconButton } from '@/shared/IconButton';
import { Accordion } from '@/shared/Accordion';
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 CLOSE_BUTTON_ROLE = 'close-drawer-button';
export const GroupedSearchResults = (): JSX.Element => {
export const GroupedSearchResults = (): JSX.Element => {
const dispatch = useAppDispatch();
const dispatch = useAppDispatch();
 
const searchValue = useAppSelector(searchValueSelector);
const handleCloseDrawer = (): void => {
const handleCloseDrawer = (): void => {
dispatch(closeDrawer());
dispatch(closeDrawer());
@@ -21,7 +24,7 @@ export const GroupedSearchResults = (): JSX.Element => {
@@ -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="flex items-center justify-between border-b border-b-divide px-6">
<div className=" py-8 text-xl">
<div className=" py-8 text-xl">
<span className="font-normal">Search: </span>
<span className="font-normal">Search: </span>
<span className="font-semibold">NADH</span>
<span className="font-semibold">{searchValue}</span>
</div>
</div>
<IconButton
<IconButton
className="bg-white-pearl"
className="bg-white-pearl"
Loading