centralcloud/oncall-engine
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Users from search results have been added to the state of options

Browse source
This commit is contained in:
Yulia Shanyrova 2022-09-08 11:37:52 +02:00
parent c7be47e085
commit 07388a90ad
1 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
grafana-plugin/src/containers/RemoteSelect/RemoteSelect.tsx
View file

@ -1,4 +1,4 @@
import React, { useCallback, useEffect, useMemo, useState } from 'react';
import React, { useCallback, useEffect, useMemo, useReducer } from 'react';
import { SelectableValue } from '@grafana/data';
import { AsyncMultiSelect, AsyncSelect } from '@grafana/ui';
@ -48,8 +48,6 @@ const RemoteSelect = inject('store')(
openMenuOnFocus = true,
} = props;
const [options, setOptions] = useState<SelectableValue[] | undefined>();
const getOptions = (data: any[]) => {
return data.map((option: any) => ({
value: option[valueField],
@ -58,6 +56,13 @@ const RemoteSelect = inject('store')(
}));
};
function mergeOptions(oldOptions: SelectableValue[], newOptions: SelectableValue[]) {
const existedValues = oldOptions.map((o) => o.value);
return newOptions.filter(({ value }) => !existedValues.includes(value)).concat(oldOptions);
}
const [options, setOptions] = useReducer(mergeOptions, []);
useEffect(() => {
makeRequest(href, {}).then((data) => {
setOptions(getOptions(data.results || data));
@ -65,7 +70,10 @@ const RemoteSelect = inject('store')(
}, []);
const loadOptionsCallback = useCallback((query: string) => {
return makeRequest(href, { params: { search: query } }).then((data) => getOptions(data.results || data));
return makeRequest(href, { params: { search: query } }).then((data) => {
setOptions(getOptions(data.results || data));
return getOptions(data.results || data);
});
}, []);
const onChangeCallback = useCallback(