Daily Development Update: Hive React Kit Favourite Enhancements, Media Fixes, and Multi-Currency Wallet

Words
336
Reading
2 min
Listen
Play
5M


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 (Outline)

Favourite Icon States (Filled) & Favourite Count Badge UI
Favourite Icon States (Filled)


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
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
Fixed Video Layout

Compact Audio Player UI
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
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
Wallet with Multi-Currency Dropdown

Local Currency Display in Wallet
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
hReplierhPollshStats
---------
hSnapshFestFactsKnow more about us
---------
Support and Contact
TransparencyVote as WitnessSupport via Discord

▶️ 3Speak

Daily Development Update: Hive React Kit Favourite Enhancements, Me... | Ecency