HiveReactKit Dev Update: Image Preview, Translation & Wallet Enhancements
HiveReactKit adds translation controls, image URL previews, improved wallet history, and pagination fixes.
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 - 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:
languageonSelectLanguage
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]
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 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 App | Vote as Witness | Support via Discord |
▶️ 3Speak