Skip to content

Conversation

@JosephSanjaya
Copy link
Contributor

@JosephSanjaya JosephSanjaya commented Nov 21, 2025

📱 Description

This PR expands the Bento home experience with two new feature modules GameHub and Tutorial and introduces a series of design-system improvements. Several existing components are refactored to adopt new shared UI elements, resulting in a more consistent and scalable UI architecture.

Platform

  • Android
  • iOS
  • Games-Unity
  • DevOps (AWS)
  • Website
  • C/Golang

🎯 Type of Change

  • ✨ New feature
  • 🎨 UI/UX improvement
  • 🔧 Refactoring
  • 🐛 Bug fix
  • 📚 Documentation update
  • ⚡ Performance improvement
  • 🧪 Test addition or improvement

📋 Changes

🧩 New Components & Modules

  • Added GameHubGrid and TutorialGrid to the BentoMainScreen.
  • Created the new gamehub module.
    • Implemented GameHubGrid, a carousel to display game banners with pagination dots.
    • Added banner assets for game content.
  • Created the new tutorial module.
    • Implemented TutorialGrid, a pager for tutorial steps with pagination.

🎨 Design-System Enhancements

  • Introduced GridChip composable for a unified tagged-label appearance across grids.
  • Added reusable PaginationDot composable.
  • Added dynamic dark/light mode icon behavior:
    • DarkModeState updated to expose an icon property based on the current theme.
    • BentoDarkModeToggle now displays a sun or moon icon accordingly.
    • Moved ic_dark_mode.xml and ic_light_mode.xml into the design-system module.

🔧 Refactoring

  • Updated FavoriteGrid to use the new GridChip component.
  • Removed local PaginationDot from PriceTickerGrid in favor of the design-system version.
  • Simplified the header in TransactionHistoryGrid.
  • Updated top action bar layout:
    • Removed notification icon.
    • Adjusted action order for clarity and consistency.
  • Adjusted heights of existing grid items in the home layout to accommodate new grids.

🔗 Related Issues

  • Fixes #
  • Related to #

🧪 Tests Status

  • Tests ran successfully locally
  • Added more tests
  • Code coverage percentage of the codebase: __%

🎯 Reviewers

@kcw-grunt, @josikie

This commit introduces two new modules, `gamehub` and `tutorial`, and integrates their respective UI components into the main Bento screen.

- **feat(bento):**
  - Add `GameHubGrid` and `TutorialGrid` to the `BentoMainScreen`.
  - Adjust the height of existing grid items to accommodate the new components.

- **feat(gamehub):**
  - Create the `gamehub` module.
  - Implement `GameHubGrid`, a carousel for game banners with pagination dots.
  - Add banner image assets for the game hub.

- **feat(tutorial):**
  - Create the `tutorial` module.
  - Implement `TutorialGrid`, a pager component to display tutorial content with pagination.

- **feat(design):**
  - Introduce `GridChip` composable for a consistent tagged look in grid cells.
  - Add `PaginationDot` composable for use in pagers and carousels.

- **refactor(ltc):**
  - Refactor `FavoriteGrid` to use the new `GridChip` component.
  - Remove redundant `PaginationDot` implementation from `PriceTickerGrid` and use the new design-system version.
  - Simplify the header in `TransactionHistoryGrid`.
This commit introduces a dynamic icon to the dark mode toggle feature. The icon now changes to reflect the current theme (sun for light mode, moon for dark mode).

The `DarkModeState` has been updated to include an `icon` property that returns the appropriate drawable resource based on the `isDarkMode` state. The `BentoDarkModeToggle` component now uses this new property to display the correct icon.

Additionally, the `ic_dark_mode.xml` and `ic_light_mode.xml` drawable files were moved from the `app` module to the `design-system` module to be co-located with their usage.

feat(design): remove notification and change order of top action bar
@JosephSanjaya JosephSanjaya changed the title Feat(Bento): First Game Hub and Top Action Bar 2nd Feat(Bento): First Game Hub and Top Action Bar Nov 21, 2025
@JosephSanjaya JosephSanjaya changed the title 2nd Feat(Bento): First Game Hub and Top Action Bar 2nd. Feat(Bento): First Game Hub and Top Action Bar Nov 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants