Revize 0d90d67b
Přidáno uživatelem Václav Honzík před asi 2 roky(ů)
| frontend/src/features/Catalog/CatalogFilter.tsx | ||
|---|---|---|
| 6 | 6 |
Stack, |
| 7 | 7 |
TextField, |
| 8 | 8 |
} from '@mui/material' |
| 9 |
import { Fragment } from 'react'
|
|
| 9 |
import { Fragment, useEffect } from 'react'
|
|
| 10 | 10 |
import { useDispatch, useSelector } from 'react-redux'
|
| 11 | 11 |
import { setFilter, setFilterOpen } from './catalogSlice'
|
| 12 | 12 |
import { fetchItems } from './catalogThunks'
|
| ... | ... | |
| 29 | 29 |
dispatch(fetchItems()) |
| 30 | 30 |
} |
| 31 | 31 |
|
| 32 |
useEffect(() => {
|
|
| 33 |
console.log(filter) |
|
| 34 |
}, [filter]) |
|
| 35 |
|
|
| 32 | 36 |
return ( |
| 33 | 37 |
<Fragment> |
| 34 | 38 |
<Button |
| ... | ... | |
| 51 | 55 |
id="name" |
| 52 | 56 |
label="Name" |
| 53 | 57 |
onChange={(e: any) => {
|
| 54 |
filter.name = e.target.value |
|
| 55 |
dispatch(setFilter(filter)) |
|
| 58 |
dispatch(setFilter({
|
|
| 59 |
...filter, |
|
| 60 |
name: e.target.value |
|
| 61 |
})) |
|
| 56 | 62 |
}} |
| 57 | 63 |
value={filter.name}
|
| 58 | 64 |
/> |
| ... | ... | |
| 61 | 67 |
id="type" |
| 62 | 68 |
label="Type" |
| 63 | 69 |
onChange={(e: any) => {
|
| 64 |
filter.type = e.target.value |
|
| 65 |
dispatch(setFilter(filter)) |
|
| 70 |
dispatch(setFilter({
|
|
| 71 |
...filter, |
|
| 72 |
type: e.target.value |
|
| 73 |
})) |
|
| 66 | 74 |
}} |
| 67 | 75 |
value={filter.type}
|
| 68 | 76 |
/> |
| ... | ... | |
| 78 | 86 |
id="stateOrTerritory" |
| 79 | 87 |
label="State or territory" |
| 80 | 88 |
onChange={(e: any) => {
|
| 81 |
filter.country = e.target.value |
|
| 82 |
dispatch(setFilter(filter)) |
|
| 89 |
dispatch(setFilter({
|
|
| 90 |
...filter, |
|
| 91 |
country: e.target.value |
|
| 92 |
})) |
|
| 83 | 93 |
}} |
| 84 | 94 |
value={filter.country}
|
| 85 | 95 |
/> |
Také k dispozici: Unified diff
map dialogs + catalog filter fix
re #9547 #9545