Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-23 00:22:19 +01: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 { locationSettings } = useLocationSettings();
const onClick = () => {
const open = () => {
setAnchorEl(ref.current);
};
useEffect(() => {
open();
}, []);
const onClose = () => {
setAnchorEl(null);
};
@ -68,7 +72,7 @@ export const FilterDateItem: FC<IFilterDateItemProps> = ({
label={label}
selectedOptions={selectedOptions}
onDelete={onDelete}
onClick={onClick}
onClick={open}
operator={currentOperator}
operatorOptions={operators}
onChangeOperator={(operator) => {

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

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