Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-31 13:47:02 +02:00
Code Issues Projects Releases Wiki Activity

feat: show dropdown immediately (#5606)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2023-12-12 09:27:50 +01:00 committed by GitHub
parent e88beff2b2
commit eebe43fcb1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/component/common/FilterDateItem/FilterDateItem.tsx
View File

@ -28,10 +28,14 @@ export const FilterDateItem: FC<IFilterDateItemProps> = ({
const [anchorEl, setAnchorEl] = useState<HTMLDivElement | null>(null); const [anchorEl, setAnchorEl] = useState<HTMLDivElement | null>(null);
const { locationSettings } = useLocationSettings(); const { locationSettings } = useLocationSettings();
const onClick = () => { const open = () => {
setAnchorEl(ref.current); setAnchorEl(ref.current);
}; };
useEffect(() => {
open();
}, []);
const onClose = () => { const onClose = () => {
setAnchorEl(null); setAnchorEl(null);
}; };
@ -68,7 +72,7 @@ export const FilterDateItem: FC<IFilterDateItemProps> = ({
label={label} label={label}
selectedOptions={selectedOptions} selectedOptions={selectedOptions}
onDelete={onDelete} onDelete={onDelete}
onClick={onClick} onClick={open}
operator={currentOperator} operator={currentOperator}
operatorOptions={operators} operatorOptions={operators}
onChangeOperator={(operator) => { onChangeOperator={(operator) => {

10
frontend/src/component/common/FilterItem/FilterItem.tsx
View File

@ -35,16 +35,20 @@ export const FilterItem: FC<IFilterItemProps> = ({
pluralOperators, pluralOperators,
}) => { }) => {
const ref = useRef<HTMLDivElement>(null); const ref = useRef<HTMLDivElement>(null);
const [anchorEl, setAnchorEl] = useState<HTMLDivElement | null>(null); const [anchorEl, setAnchorEl] = useState<HTMLDivElement | null>();
const [searchText, setSearchText] = useState(''); const [searchText, setSearchText] = useState('');
const currentOperators = const currentOperators =
state && state.values.length > 1 ? pluralOperators : singularOperators; state && state.values.length > 1 ? pluralOperators : singularOperators;
const onClick = () => { const open = () => {
setAnchorEl(ref.current); setAnchorEl(ref.current);
}; };
useEffect(() => {
open();
}, []);
const onClose = () => { const onClose = () => {
setAnchorEl(null); setAnchorEl(null);
}; };
@ -95,7 +99,7 @@ export const FilterItem: FC<IFilterItemProps> = ({
label={label} label={label}
selectedOptions={selectedOptions} selectedOptions={selectedOptions}
onDelete={onDelete} onDelete={onDelete}
onClick={onClick} onClick={open}
operator={currentOperator} operator={currentOperator}
operatorOptions={currentOperators} operatorOptions={currentOperators}
onChangeOperator={(operator) => { onChangeOperator={(operator) => {