HiveReactKit Development Update: Wallet Approval UX, Rewards Popup Improvements & Mobile Snap Actions

Words
526
Reading
3 min
Listen
Play
3M

HiveReactKit improves wallet approval UX, rewards transparency, and mobile Snap interaction usability.

HiveReactKit

Wallet Approval Hints & Observer-Aware Post Loading

Clear Wallet Approval Guidance

  • Vote slider, post composer, and comment composer now display a clear blinking:
    • Open Keychain App & Approve hint
  • The hint appears only during the actual wallet authorization phase:
    • Hidden while browsing
    • Hidden while typing
    • Visible only when approval is required

Expanded Approval Hint Coverage

  • Added the same approval guidance to:
    • Videos screen
    • My Videos
    • Shorts
    • Community detail page
  • Vote sliders across all these screens now provide consistent wallet-approval feedback.

Observer-Aware Content Loading

  • Post body and comments now load using the logged-in user context whenever a signed-in user opens a post.

  • Automatically filters:

    • Muted accounts
    • Blocked users
  • Ensures users only see content allowed by their personal Hive filtering preferences.
  • Outcome:
    • Better wallet-approval clarity
    • Reduced confusion during blockchain interactions
    • Cleaner personalized content experience

Keychain Wallet Approval Hint
Keychain Wallet Approval Hint - 1

Keychain Wallet Approval Hint - 2

Keychain Wallet Approval Hint - 3

Observer-Aware Post Loading
Observer-Aware Post Loading


Rewards Popup Polish & Accurate Beneficiary Handling

Improved Rewards Formatting

  • Rewards popup values now display:
    • Plain numeric amounts
    • No dollar-sign formatting
  • Improved consistency across payout breakdown displays.

Correct Author Reward Calculations

  • Author rewards section now correctly:
    • Subtracts beneficiary shares
    • Displays the author's final payout after deductions
  • Beneficiary calculations are reflected accurately for:
    • Standard reward splits
    • Full power-up posts

Accurate Power-Up Handling

  • Rewards popup now properly handles:
    • Default payout mode
    • 100% power-up mode
  • Reward sections adapt dynamically depending on payout configuration.

Timezone-Safe Payout Countdown

  • Fixed payout countdown calculations across time zones.

  • “Payout in X days” now remains accurate regardless of device locale or timezone differences.

  • Outcome:
    • Better reward transparency
    • Accurate payout visibility for creators and beneficiaries
    • Improved consistency across all Hive reward displays

Rewards Popup Breakdown
Rewards Popup Breakdown

Beneficiary Reward Handling
Beneficiary Reward Handling


Mobile Snap Action Button Improvements

Larger Mobile Touch Targets

  • Increased tap areas for Snap card action buttons on mobile devices:
    • Like
    • Comment
    • Reblog
    • Share
    • Tip
    • Edit
  • Makes interactions significantly easier on touch screens.

Improved Interaction Feedback

  • Like and comment counts are now:
    • Easier to tap
    • More visually interactive
  • Added subtle hover/background feedback so clickable areas feel clearer to users.

Desktop Layout Preservation

  • Desktop layouts remain unchanged:
    • Compact action sizing preserved
    • No oversized desktop UI elements introduced
  • Mobile-only improvements ensure responsiveness without affecting larger-screen layouts.
  • Outcome:
    • Better mobile usability
    • Easier engagement interactions on touch devices
    • Improved responsiveness without desktop regressions

Mobile Snap Action Buttons & Improved Mobile Interaction Areas
Mobile Snap Action Buttons & Improved Mobile Interaction Areas


Powering the Hive Ecosystem

  • Continuously improving creator workflows, wallet interaction systems, and mobile usability for Hive applications
  • Building scalable and creator-focused interaction infrastructure for the Hive community
  • Contributing towards a cleaner, more accessible, and feature-rich Hive ecosystem

Final Note

  • This post has been refined with the help of AI to improve readability and structure
  • The original development updates and optimized version are both available for reference

More Links
HiveSuite AppVote as WitnessSupport via Discord


▶️ 3Speak

HiveReactKit Development Update: Wallet Approval UX, Rewards Popup ... | Ecency