HiveReactKit Dev Update: Image Preview, Translation & Wallet Enhancements

Words
661
Reading
3 min
Listen
Play
2M

HiveReactKit adds translation controls, image URL previews, improved wallet history, and pagination fixes.

Image

HiveReactKit

Better Post Image Preview Detection

Enhanced Image URL Detection

  • Post cards now automatically detect and preview plain image URLs placed directly inside post bodies.

  • Supports content creators who share photography, artwork, and portfolio posts using raw image links instead of markdown or HTML image tags.

Improved Feed & Profile Previews

  • Fixed an issue where posts containing direct image URLs could appear without thumbnails.

  • Image previews now display correctly across:

    • Blog feeds
    • Profile pages
    • Community feeds
    • Other post listing views

Backward Compatibility

  • Existing markdown image rendering remains fully supported.

  • Existing HTML <img> tag extraction behavior remains unchanged.

  • Added URL deduplication logic to prevent duplicate image previews from appearing.

Package Release

  • Released as HiveReactKit v1.3.2.
  • Outcome:
    • Better image discovery
    • Improved post thumbnails
    • Enhanced support for photography-style content
    • Consistent media previews across the ecosystem

Post Thumbnail Improvements - Before
Post Thumbnail Improvements - Before

Post Thumbnail Improvements - After
Post Thumbnail Improvements - After


Language Picker & Translation Controls (v1.3.6)

Language Picker Integration

  • Added a new LanguagePickerButton globe icon to the HiveDetailPost header.

  • Provides quick access to translation settings directly from the post detail experience.

Multi-Language Support

  • The language picker supports the same 15 languages available through the existing highlight-to-translate functionality.

  • Creates a consistent translation experience across the application.

Active Language Indicator

  • The globe icon now displays a subtle highlighted tint whenever a non-English language is selected.

  • Makes it easy for users to identify when translations are active.

Host-Controlled Translation State

  • Added new properties to HiveDetailPost:
    • language
    • onSelectLanguage
  • Allows host applications to manage translation state externally.

  • Keeps translation preferences centralized at the application level.

Automatic Translation Updates

  • Translation-aware components automatically update whenever the selected language changes.

  • Includes:

    • Post titles
    • Post bodies
    • Inline comments
    • Timestamps
  • Ensures a consistent multilingual experience throughout the content view.

Single Source of Truth

  • Translation state is now fully controlled by the host application or provider.

  • Eliminates duplicate translation state management inside components.

  • Outcome:
    • Improved multilingual support
    • Centralized translation management
    • Better user experience
    • Cleaner integration for host applications

Language Picker Button
![Language Picker Button]Image

Translated Detail Post
Translated Detail Post


Wallet Integration & Pagination Improvements

Local Development Integration

  • Switched HiveSuite back to the local HiveReactKit source.

  • Ensures wallet improvements and rendering updates are immediately available during development.

Human-Friendly Transaction Display

  • Wallet transactions now display readable asset values instead of raw VESTS.

  • Improved readability for:

    • HP
    • HIVE
    • HBD
  • Makes transaction history easier to understand for everyday users.

Enhanced Transaction Labels

  • Added descriptive transaction titles including:
    • Sent to...
    • Received from...
    • Claimed rewards
    • Power up
    • Delegate HP
    • And more
  • Provides better context for wallet activity.

Improved Power Down Tracking

  • Fixed missing entries for:
    • Started power down
    • Stopped power down
  • Ensures transaction history accurately reflects account operations.

Rich Tip Transfer Previews

  • Tip transfers now render structured preview cards.

  • Preview cards display:

    • Sender
    • Source application
    • Tipped post
    • Message details
  • Improves visibility into social tipping activity.

Wallet Pagination Fixes

  • Infinite scrolling inside the Wallet Transactions tab now works correctly within nested profile layouts.

  • Additional transaction history loads automatically as users scroll.

  • Outcome:
    • Better wallet readability
    • Improved transaction transparency
    • Enhanced tip visibility
    • Reliable transaction pagination

Wallet Transaction Improvements
Wallet Transaction Improvements

Wallet Infinite Scrolling
Wallet Infinite Scrolling


Powering the Hive Ecosystem

  • Continuously improving HiveReactKit with reusable components and infrastructure that benefit multiple Hive applications.
  • Enhancing multilingual accessibility, wallet usability, and content discovery across the Hive ecosystem.
  • Building open-source solutions that improve both developer experience and end-user engagement.

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: Image Preview, Translation & Wallet Enhanc... | Ecency