Screen for My Events: Upcoming / Attending / Past

The final page that we want to add at this stage is - Events list:

This will include all three of our filters:

• Upcoming Events
• Attending Events
• Past Events

And all of them will use the same Livewire component, with different API filters applied.

Building Events List Page

To start with our page, we need a new Component:

php artisan make:livewire Events/Index

Then, we can add our code to the Index Class containing:

• Pagination Logic
• Filter parameter
• API Call with Pagination and Filter applied
• Dynamic Title based on the Filter