Tag view with filters

[christinaw4848]

Issue

tag_view_demo.mp4

• Integrate tag view system showing patient name, appointment tags, and appointment date

Changes

• Created tagview.tsx to show tag view with filters
• Created DataViewContainer.tsx which displays a filter system using FilterPanel.tsx and the actual data in EditableTable.tsx, the table showing patient name, appointment tags, and date.
• Other file changes made to support the editable table and the calendar for the date field

TODO

• Combine with calendar view to display the real appointments
• Update appointment types filter system with actual types (don't have them right now)

[Copilot]

Pull request overview

This PR introduces a tag view system for managing patient appointments with filtering capabilities. The implementation adds a new tab screen with an editable table that displays patient names, appointment tags, and dates. The system includes a filter panel for selecting appointment types and allows inline editing of appointment data through modal dialogs.

Key changes:

• Added react-native-calendars dependency for cross-platform date selection
• Created a filter system with tag selection and an editable table for appointment data
• Implemented platform-specific date and tag pickers (web vs native) using modals

Reviewed changes

Copilot reviewed 5 out of 7 changed files in this pull request and generated 33 comments.

Show a summary per file

File	Description
package.json	Added react-native-calendars dependency for calendar functionality
package-lock.json	Lock file updates for new dependency and its transitive dependencies
yarn.lock	Yarn lock file updates reflecting the new calendar library and related packages
components/FilterPanel.tsx	New component providing tag filtering UI with multi-select capability
components/EditableTable.tsx	New table component with inline editing for patient data including date and tag selection
components/DataViewContainer.tsx	Container component managing state, filtering logic, and API submission
app/tabs/(tabs)/tagview.tsx	New tab screen entry point rendering the tag view interface

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.