Const ConsentRefererSelect
ConsentRefererSelect: FC<{ onChange?: (url: string) => void; value?: string }> = observer(({ value, onChange }) => {const [selected, setSelected] = useState(value);const [focusedOnce, setFocusedOnce] = useState(false);const { consentStore } = useStores();const { busyReferer, referer } = consentStore;useEffect(() => {if (focusedOnce) {consentStore.fetchReferer();}}, [focusedOnce]);return (<><SelectshowSearchonFocus={() => setFocusedOnce(true)}value={selected}notFoundContent={busyReferer ? <Spin size="small" /> : null}loading={busyReferer}dropdownMatchSelectWidth={false}dropdownAlign={{ points: ["tr", "br"] }}style={{ width: 200 }}placeholder={__("Filter by URL...")}optionFilterProp="children"onChange={(value: string) => {const useValue = value || undefined;setSelected(useValue);onChange?.(useValue);}}filterOption={(input, option) => {if (option.children === null) {return false;}const url = (option.children as string).toLowerCase();if (!url.startsWith("http") && input.length > 0) {return false;}return url.indexOf(input.toLowerCase()) >= 0;}}className="rcb-antd-select-ellipses-left"><Select.Option value={null} disabled={!value}>{__("Reset filter")}</Select.Option>{referer.map((url) => (<Select.Option key={url} value={url}>{url}</Select.Option>))}</Select></>);})