Refactor ListFilters to use destructuring in props

Author: yocosaka

src/components/ListFilters.js

@@ -5,7 +5,7 @@ import { BsSearch } from 'react-icons/bs';
 import { setTitleFilter, setPeriodFilter } from '../actions/filters';
 import periods from '../helpers/periods';
 
-const ListFilters = (props) => {
+const ListFilters = ({ setTitleFilter, setPeriodFilter }) => {
   const [title, setTitle] = useState('');
   const [period, setPeriod] = useState('All');
   const [error, setError] = useState('');
@@ -31,17 +31,17 @@ const ListFilters = (props) => {
       setError('Keyword to search title should be provided.');
     } else {
       setError('');
-      props.setTitleFilter(title.trim().toLowerCase());
-      props.setPeriodFilter(period);
+      setTitleFilter(title.trim().toLowerCase());
+      setPeriodFilter(period);
     }
   };
 
   const onReset = () => {
     setTitle('');
     setPeriod('All');
     setError('');
-    props.setTitleFilter('');
-    props.setPeriodFilter('All');
+    setTitleFilter('');
+    setPeriodFilter('All');
   };
 
   return (