When user has already added an expense and wants to update it, or user wants to add more expenses to the same cell, user will see “Edit Expense” option in the context menu and can add more or update existing expenses.
To Edit an expense,
- Click in the cell having expense added
- Click on 3-dot (…) icon appearing in the cell
- Click on “Edit expenses” option
- A side drawer will open, user can update the amount, category, or can add new expense or delete an existing expense. Once edits are done, click on “Save”
- Side drawer will close, and it shows the added expense in the brackets under duration (if any). User can view the amount and category in the tooltip when hover-over the expenses in the cell
- Once user clicks on save, it will show the success toast message and refresh the grid and shows the added expense in the grid.
NOTE:
- Amount value will always round to 2-decimal
- User can add more than one expense to a single cell
- When there are more than 1 expense, cell will show 1+(n-1) number in the cell (as a count of expenses)
- When there are more than 1 expense in a single cell and user hover-over the expenses, it will show the amount and category of all expenses in the tooltip.
- Total Expenses row and column will appear in the grid only if user has expenses added
- When there is already an expense in the cell, to add more expenses click in “Edit expenses” then “Add more expenses”