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

in HiveDevs15 days ago

▶️ Watch on 3Speak


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
Support and Contact

▶️ 3Speak

Sort:  

We continue to improve, excellent, very good

via Apps from

GIF

Of course, he is doing very well

Hello

----


via Apps from

Thank you @cositav
Hoping that more hive members join our apps soon.

via Apps from

This post has been manually curated by @bhattg from Indiaunited community. Join us on our Discord Server.

Do you know that you can earn a passive income by delegating to @indiaunited. We share more than 100 % of the curation rewards with the delegators in the form of IUC tokens.

Here are some handy links for delegations: 100HP, 250HP, 500HP, 1000HP.

image.png

100% of the rewards from this comment goes to the curator for their manual curation efforts. Please encourage the curator @bhattg by upvoting this comment and support the community by voting the posts made by @indiaunited.

Thank you so much @bhattg and @indiaunited for curation based support

GIF

via Apps from

Congratulations @sagarkothari88! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)

You received more than 48000 HP as payout for your posts, comments and curation.
Your next payout target is 49000 HP.
The unit is Hive Power equivalent because post and comment rewards can be split into HP and HBD

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Update: @sagarkothari88, I paid out 1.041 HIVE and 0.000 HBD to reward 2 comments in this discussion thread.