Updated filters logic

Author: svwoodhouse

Sections/Section 3/01-starting-setup/src/components/Expenses/Expenses.js

@@ -6,18 +6,15 @@ import { useState } from 'react'
 
 const Expenses = (props) => {
     const [filteredYear, setFilteredYear] = useState('2020');
-    const [expenses, setExpenses] = useState(props.items)
-    const [filteredExpenses, setFilteredExpenses] = useState(props.items)
 
     const filterChangeHandler = (selectedYear) => {
-        setFilteredExpenses(expenses)
         setFilteredYear(selectedYear)
-        const filteredExpenses = expenses.filter((expense) => {
-            return expense.date.getFullYear() === Number(selectedYear)
-        })
-        setFilteredExpenses(filteredExpenses)
     }
 
+    const filteredExpenses = props.items.filter((expense) => {
+        return expense.date.getFullYear().toString() === filteredYear;
+    })
+
     return(
         <div>
             <Card className='expenses'>