diff --git a/CHANGELOG.md b/CHANGELOG.md index 80896488..c248ddd0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -33,7 +33,7 @@ NOTE: Add new changes ABOVE THIS COMMENT. -## [v0.107.52] - 2024-07-03 +## [v0.107.52] - 2024-07-04 See also the [v0.107.52 GitHub milestone][ms-v0.107.52]. diff --git a/client/src/components/Logs/Filters/Form.tsx b/client/src/components/Logs/Filters/Form.tsx index 65bbfcf0..f1b5b7be 100644 --- a/client/src/components/Logs/Filters/Form.tsx +++ b/client/src/components/Logs/Filters/Form.tsx @@ -1,6 +1,6 @@ import React, { useEffect } from 'react'; -import { Field, reduxForm } from 'redux-form'; +import { Field, type InjectedFormProps, reduxForm } from 'redux-form'; import { useTranslation } from 'react-i18next'; import { shallowEqual, useDispatch, useSelector } from 'react-redux'; @@ -104,14 +104,13 @@ const FORM_NAMES = { response_status: 'response_status', }; -interface FiltersFormProps { +type FiltersFormProps = { className?: string; responseStatusClass?: string; - change: (...args: unknown[]) => unknown; - setIsLoading?: (...args: unknown[]) => unknown; -} + setIsLoading: (...args: unknown[]) => unknown; +}; -const Form = (props: FiltersFormProps) => { +const Form = (props: FiltersFormProps & InjectedFormProps) => { const { className = '', responseStatusClass, setIsLoading, change } = props; const { t } = useTranslation(); @@ -142,7 +141,6 @@ const Form = (props: FiltersFormProps) => { const onInputClear = async () => { setIsLoading(true); - change(FORM_NAMES.search, DEFAULT_LOGS_FILTER[FORM_NAMES.search]); setIsLoading(false); }; @@ -195,7 +193,7 @@ const Form = (props: FiltersFormProps) => { ); }; -export default reduxForm({ +export const FiltersForm = reduxForm, FiltersFormProps>({ form: FORM_NAME.LOGS_FILTER, enableReinitialize: true, })(Form); diff --git a/client/src/components/Logs/Filters/index.tsx b/client/src/components/Logs/Filters/index.tsx index 9390c531..dfdbf3ec 100644 --- a/client/src/components/Logs/Filters/index.tsx +++ b/client/src/components/Logs/Filters/index.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { useTranslation } from 'react-i18next'; import { useDispatch } from 'react-redux'; -import Form from './Form'; +import { FiltersForm } from './Form'; import { refreshFilteredLogs } from '../../../actions/queryLogs'; import { addSuccessToast } from '../../../actions/toasts'; @@ -38,12 +38,7 @@ const Filters = ({ filter, setIsLoading }: FiltersProps) => { - -
+ ); };