Skip to content

Conversation

@JosephSanjaya
Copy link
Contributor

📱 Description

This PR enhances the home experience, game navigation, and transaction visibility across the app.
It introduces an native "FallingMoji" banner, navigation to the new Games module, and a detailed transaction view with export and QR functionality.
These improvements modernize the UI, increase engagement, and strengthen the transaction introspection features within the Bento interface.

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

✨ Animated FallingMoji Banner

  • Replaced the static GameHubGrid banner with the new FallingMojiBanner composable.
  • Introduced a starry animated background with falling emoji particles.
  • Improved the visual identity of the home screen banner.
  • Added lastSyncTimestamp to PriceTickerState to show last price update time.
  • Added raw litoshis to BalanceState for precision-sensitive features.
  • Standardized GridChip text appearance (uppercase).

✨ GameHub → Games Module Navigation

  • Made the GameHub banner interactive, launching GamesActivity on tap.
  • Added the games module as a dependency inside the ltc module.
  • Updated navigation logic to support deep links to game_hub.
  • Injected Context appropriately to enable safe navigation from the banner.

✨ Transaction Detail View

  • Added a new TransactionHistoryDetailGrid.kt composable for detailed per-transaction insights.
  • When scrolling the transaction list, the snapped item now renders a full detail panel.
  • Displayed fee, start/end balance, block height, recipient address, and a QR code for the address.
  • Added GenerateQrCodeUseCase for address encoding.
  • Moved export logic from the transaction grid to the parent BentoMainScreen.
  • Added an “Export Transaction Data” button that triggers the export sheet.
  • Updated BentoMainScreenState to manage detail visibility and selected transaction.
  • Added localized strings for new detail features across multiple languages.

🔗 Related Issues

  • Fixes #
  • Related to #

🧪 Tests Status

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

🎯 Reviewers

@kcw-grunt, @josikie

This commit replaces the static GameHub image banner with a new, animated "FallingMoji" banner composable. The new banner features a dynamic starry background and animated falling emoji elements, improving visual engagement.

Key changes:
- Replaced `GameHubGrid` with the new `FallingMojiBanner` in the main screen.
- Added a `lastSyncTimestamp` to the `PriceTickerState` to display when prices were last updated.
- Included the raw litoshis balance in the `BalanceState`.
- Made GridChip text uppercase for design consistency.
This commit introduces navigation to the new games module.

The `gamehub` feature banner is now clickable, launching the `GamesActivity`. The `ltc` module, which contains the banner, now includes a dependency on the `games` module.

Additionally, navigation logic is updated to handle deep links to `game_hub` and to inject the necessary `Context` for starting the activity.
This commit introduces a new transaction detail view within the Bento UI.

When a user scrolls through the transaction history, the centrally snapped transaction item is now displayed in a detailed view. This view includes information such as the transaction fee, starting and ending balances, recipient address, and block height. A QR code for the recipient's address is also generated and displayed.

The export functionality, previously handled within the transaction history component, has been refactored and moved to the parent `BentoMainScreen`. The transaction detail view now contains an "Export Transaction Data" button, which triggers the export sheet.

Key changes include:
- A new `TransactionHistoryDetailGrid.kt` composable to display detailed transaction information.
- A `GenerateQrCodeUseCase` to create QR codes for addresses.
- State management in `BentoMainScreenState` is updated to handle the visibility of the detail view and the currently selected transaction.
- The `TransactionHistoryGrid` now reports the snapped transaction to its parent.
- String resources for the new detail view have been added and localized across multiple languages.
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