HiveReactKit Dev Update: Translation Controls & Wallet Trxns UX

Words
686
Reading
4 min
Listen
Play
2M

HiveReactKit v1.3.9 adds post-level translations, smarter wallet history, HP conversion, and reliable scrolling.

Image

HiveReactKit

Post Detail Language Translation Controls

Per-Post Translation Experience

  • Added dedicated language translation controls directly within post detail pages.

  • Users can now translate individual posts without affecting the language preferences used elsewhere in the application.

  • Creates a more flexible reading experience when browsing multilingual content across the Hive ecosystem.

Persistent Language Selection

  • Selected translation language is now stored in sessionStorage.

  • Language preferences remain preserved across:

    • Page reloads
    • Tab switches
    • Navigation events
  • Users no longer need to repeatedly select their preferred translation language while reading content.

Independent Translation Context

  • Post detail pages now use their own nested HiveLanguageProvider.

  • Translation changes are isolated to the currently opened post.

  • Prevents language changes from impacting:

    • Feed pages
    • Profile pages
    • Community pages
    • Other application sections

Instant Translation Updates

  • Changing the selected language immediately updates translated content throughout the post detail experience.

  • Supported translated elements include:

    • Post titles
    • Post bodies
    • Inline comments
    • Relative timestamps
  • Continues using the existing translation infrastructure for a seamless user experience.

Language Picker Button
![Language Picker Button]Image

Translated Detail Post
Translated Detail Post

Instant Post Translation Updates
Instant Post Translation Updates


Wallet Transactions UX Refresh

Faster VESTS to Hive Power Conversion

  • Added automatic VESTS → HP conversion throughout wallet transaction history.

  • Implemented cached global property handling to reduce repeated blockchain lookups.

  • Improves rendering performance while providing more user-friendly transaction information.

Expanded Transaction Mapping

  • Enhanced transaction processing and categorization across multiple wallet operations.

  • Supported transaction types include:

    • Reward claims
    • HP delegations
    • RC delegations
    • Power up operations
    • Power down operations
    • Savings deposits
    • Savings withdrawals
    • Recurrent transfers
    • Market fills
  • Provides significantly better visibility into account activity.

Operation-Aware Descriptions

  • Added intelligent transaction descriptions based on operation type.

  • Wallet history now displays clear activity labels instead of generic blockchain data.

  • Examples include:

    • Claimed Rewards
    • Delegate Hive Power
    • Started Power Down
    • Stopped Power Down
    • Savings Withdrawal
    • Market Trade
    • Recurrent Transfer
  • Makes wallet history easier to understand for both new and experienced Hive users.

Structured Tip Memo Rendering

  • Added PeakD-style structured memo rendering for tipping transactions.

  • Tip memos now display formatted key/value sections for improved readability.

  • Makes it easier to identify:

    • Sender information
    • Recipient details
    • Related posts
    • Application source
    • Attached messages
  • Creates a cleaner and more professional transaction detail experience.

Wallet Transaction Improvements
Wallet Transaction Improvements

Operation-Aware Transaction Descriptions
Operation-Aware Transaction Descriptions

Structured Tip Memo Rendering
Structured Tip Memo Rendering


Infinite Scrolling Reliability Improvements

IntersectionObserver-Based Pagination

  • Replaced the previous nested scroll-listener implementation with an IntersectionObserver-based loading system.

  • Eliminates issues caused by complex nested scrolling layouts.

  • Infinite scrolling now behaves consistently across wallet views and profile layouts.

Improved Transaction Loading

  • Additional wallet transactions are automatically loaded as users approach the end of the list.

  • Removes dependency on manual loading interactions.

  • Creates a smoother browsing experience for accounts with extensive transaction histories.

Better Performance & Stability

  • Reduces unnecessary event listeners and scroll calculations.

  • Improves responsiveness on both desktop and mobile devices.

  • Provides more reliable pagination behavior across different screen sizes and layouts.

Infinite Scroll Improvements and Pagination
Infinite Scroll Improvements and Paginations


Release Information

HiveReactKit v1.3.9

This release focuses on improving multilingual content consumption and significantly enhancing wallet transaction usability.

Key highlights include:

  • Dedicated post-level translation controls
  • Persistent translation preferences
  • Independent translation providers
  • Automatic VESTS to HP conversion
  • Expanded transaction operation support
  • Structured tip memo rendering
  • Operation-aware wallet descriptions
  • Reliable IntersectionObserver pagination
  • Faster wallet rendering performance

Powering the Hive Ecosystem

  • Continuing to improve HiveReactKit with features that make Hive applications more accessible, intuitive, and user-friendly.
  • Enhancing multilingual content accessibility through better translation workflows.
  • Improving wallet transparency with clearer transaction histories and structured blockchain activity displays.
  • Building reusable open-source components that benefit the broader 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 Dev Update: Translation Controls & Wallet Trxns UX | Ecency