Add "x" button to cancel search in search bar (#107)

This commit is contained in:
Stefan Hynst
2024-05-30 03:26:04 +02:00
committed by GitHub
parent 1cd2b273f9
commit 833237b613
2 changed files with 29 additions and 13 deletions

View File

@@ -94,7 +94,7 @@ export function ExpenseList({
const groupedExpensesByDate = getGroupedExpensesByDate(expenses)
return expenses.length > 0 ? (
<>
<SearchBar onChange={(e) => setSearchText(e.target.value)} />
<SearchBar onValueChange={(value) => setSearchText(value)} />
{Object.values(EXPENSE_GROUPS).map((expenseGroup: string) => {
let groupExpenses = groupedExpensesByDate[expenseGroup]
if (!groupExpenses) return null