#48 6.4 adminpage manage bookings

[AlexCode-dot]

Pull Request Type

Please check the type of change your PR introduces:

• Feature (a new feature for the project)
• Fix (a bug fix)
• Chore (updating grunt tasks etc; no production code change)
• Refactor (refactoring production code)
• Docs (changes to the documentation)
• Style (formatting, missing semi colons, etc; no production code change)
• Test (adding missing tests, refactoring tests; no production code change)

Description

This PR introduces complete booking management functionality for the admin UI.

It includes:

• View all bookings with filters for name, movie, room, and date.

• Show booked seats with visual seat map.

• Enable editing of booked seats via modal.

• Update booking seats with feedback and validation.

• Delete bookings with confirmation modal.

• Display success and error messages with reusable ErrorMessage and SuccessModal components.

Motivation and Context

Admin users need a efficient and easy UI to manage bookings for example, customer support, capacity monitoring, and operational flexibility. This feature introduces a booking management panel where admins can:

• Quickly locate and filter bookings by movie, room, or date.

• Visually inspect which seats have been booked using a seat map.

• Edit seat selections in response to customer inquiries or errors.

• Cancel bookings directly from the admin interface if necessary.

All these things are important to make user experience better.

How Has This Been Tested?

Jest tests for booking API routes and methods
Manually testes on dev localhost

Screenshots (if appropriate):

Here is the overview of all bookings where admin can filter by different things:

Here is the booking overview where admin can see what seats belong to the booking

If admin press "redigera platser", they can edit and change bookings seat selection:

If admin does not press "redigera platser" before trying to edit it will not work:

Success message if updated booking was succesful:

Admin user gets a extra warning/confirmation when trying to delete booking:

Checklist:

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have named this PR according to following naming convention: #[issue-number] PR description

Additional Information:

Related Issues:

#48

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
kino-next-js	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 4, 2025 5:43pm

[Fagerdahl]

Looks very good!!
Is "Alle" a Typo 🤔 And also, it has a minor merge conflict, is it easy to adjust?

[AlexCode-dot]

Looks very good!! Is "Alle" a Typo 🤔 And also, it has a minor merge conflict, is it easy to adjust?

Fixed the merge conflict, where is the typo u referring to?

[Deansie]

Once again, I'm really impressed by your work with the admin panel, incredible! Looks good and works as intended, approved. 👍

[AlexCode-dot]

Once again, I'm really impressed by your work with the admin panel, incredible! Looks good and works as intended, approved. 👍

Thank u so much :)