Improve Date Range Filtering and Time Display for Volunteer Time Tracking

[patilanuja]

https://www.ohack.dev/volunteer/track

Enhance Date Range Filtering: The current implementation does not dynamically filter the volunteer logs based on the selected Start and End Dates. Regardless of the chosen date range, the system always displays the same static list.

• Suggestion: Implement dynamic filtering that updates the record list based on the selected date range. If no records are found for the specified range, display an in-page notification or an empty state design with a “No results found” message.

Invalid Date Range Handling: Users are currently able to select an End Date that is earlier than the Start Date, which leads to confusion and invalid searches.

• Suggestion: Prevent the selection of an invalid date range by providing an error message when an End Date is earlier than the Start Date.

Time Display Adjustment: The displayed volunteer log timestamps appear to be in UTC, which can be confusing for users who expect to see their local time.

• Suggestion: Convert and display the volunteer log timestamps in the user's local time zone to ensure alignment with their actual activity times.

Steps to Reproduce:

1. Select a date range in which no logs exist.
2. Notice that the record list does not update or show a "No results found" message.
3. Select an End Date earlier than the Start Date and observe the system's behavior.
4. Compare the displayed log timestamps with the user's local time to verify the discrepancy.

Expected Behavior:

• The record list should dynamically update based on the selected date range, displaying relevant logs or a "No results found" message when applicable.
• The system should prevent the selection of an invalid date range and provide an appropriate error message.
• The volunteer log timestamps should be displayed in the user's local time zone to avoid confusion.