Skip to content

feat: UI Polish - Custom Dialogs, 3-Column Grid, and Search Filters

SHAFIZADA SULEYMAN requested to merge fix/global-ui-polish into main

Summary

This branch focuses on refining the user interface to match the "Dark/Cinematic" design language. It replaces standard Android components (Alert Dialogs, Standard Grids) with custom implementations, fixes layout issues in the Search and Watchlist screens, and ensures smooth navigation flow.

Key Changes

1. Visual Overhaul & Grids

  • 3-Column Grid: Updated GridLayoutManager and item_movie_grid.xml to display 3 movies per row with consistent 4dp margins. This reduces scrolling and improves density.
  • Custom Dialogs: Created dialog_custom_confirm and dialog_custom_input. Now, when deleting a movie or creating a watchlist, users see a styled dark card instead of the default white Android box.

2. Search & Home UI

  • Filter Chips: Added selector_chip_background and selector_chip_text. Chips now turn Purple/White when selected and Grey/ThemeColor when unselected.
  • Home Navigation: Added a "See All" arrow next to the Recommendations title that links to the full RecommendationFragment.

3. Watchlist Manager Fixes

  • Theme Compatibility: Fixed a bug where unselected lists were invisible in Light Mode. The Adapter now dynamically fetches ?attr/textColorPrimary to ensure text is Black in Light Mode and White in Dark Mode.
  • Typo Fix: Renamed WacthlistFragment to WatchlistFragment.

4. UX Improvements

  • Rating Toast: Fixed an issue where dragging the rating bar caused multiple Toast popups. It now only shows once per interaction.

How to Test

  1. Grid: Open Watchlist or Favorites. Verify movies are shown in a clean 3-column grid.
  2. Dialogs: Long-press a movie to remove it. Verify the new Dark Dialog appears.
  3. Search: Go to Search. Click "Year" or "Genre". Verify the chip turns Purple.
  4. Home: Click the Arrow icon next to "Recommended". Verify it navigates to the full list.
  5. Manager: Go to Profile -> Watchlist. Verify list names are visible even if you switch your phone to Light Mode.

Merge request reports