Hive React Kit
Enhance Favourite Functionality with Auto Visibility and Visual States
- feat: enhance favourite functionality with auto visibility and visual states.
- Auto-show favourite icons based on callback presence.
- Removed manual visibility props (
isFavListVisible, isAddToFavVisible).
- Added
isFavourited for heart fill state (red/outline).
- Added
favouriteCount with badge display ("99+" cap).
- Updated navbar and profile heart UI.
- Updated docs and example usage with new props.
Favourite Icon States (Filled vs Outline)
Favourite Icon States (Filled) & Favourite Count Badge UI
UI Improvements and Navigation Enhancements
- Defined scrollbar-hide utility and hid scrollbar on main container.
- Added left/right arrow buttons on tab bar when tabs overflow.
Scrollable Tabs with Arrow Navigation
Media Rendering Fixes (3Speak and Video Handling)
- Fixed 3Speak iframe with native video player and compact audio.
- Fixed portrait video zoom/cropping using
object-fit: contain.
- Wrapped 3Speak audio iframe in compact container.
- Removed extra white space and scrollbar from audio player.
Fixed Video Layout
Compact Audio Player UI
Landing Page Updates
- Landing Page UI Component Updated.
- hSurvey App Status moved from planned to in Development Category.
Updated Landing Page UI
Add Multi-Currency Support with Local Currency Detection in Wallet
- Detect local currency via system timezone.
- Fetch exchange rates in a single API call.
- Default estimated value to local currency.
- Added currency dropdown (USD, local, others).
- Enabled instant switching using cached rates.
- Used narrowSymbol for clean currency display.
Wallet with Multi-Currency Dropdown
Local Currency Display in Wallet
Powering the Hive Ecosystem
- Continuously improving Hive applications with a focus on stability, performance, and scalability
- Contributing to open-source development and building reusable solutions for the community
- Working towards a stronger, 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 content and optimised version are both available for reference
Applications Built by Us
Support and Contact
▶️ 3Speak
