scrobble.life
HiveDevs

HiveReactKit Dev Update: Better Navigation, Improved Voting UI & Draft Beneficiary Fixes.

▶️ Watch on 3Speak


Added global profile menu access, separated vote counts, unified downvote actions, and fixed draft beneficiary handling.

Image

HiveReactKit

Global Profile Menu Access

Profile Drawer from Full-Screen Pages

  • Added an always-visible Profile Menu button to full-screen Profile and Post Detail pages.

  • Users can now access the profile drawer without needing to navigate back to another screen.

  • Creates a smoother navigation experience throughout the application.

Personalized Menu Button

  • The menu button displays the signed-in user's avatar.

  • Automatically falls back to a generic User icon when no avatar is available.

  • Keeps navigation consistent across desktop and mobile devices.

Full-Screen Profile Menu

Full-Screen Profile Menu


Shared Navigation Infrastructure

New Callback Support

  • Added a new onOpenProfileMenu callback for:

    • UserDetailProfile
    • HiveDetailPost
  • Allows host applications to control how the profile drawer is opened.

Better Integration

  • Makes the shared HiveReactKit navigation components more flexible for applications integrating the kit.

  • Improves consistency across profile and post-detail experiences.

Navigation Integration

Navigation Integration


Improved Voting Experience

Separate Upvote & Downvote Counts

  • Refined the post action bar to separate positive and negative vote statistics.

  • Upvote totals now display only positive votes.

  • Downvotes are no longer included in the displayed upvote count.

Vote Count Improvements

Vote Count Improvements


Unified Downvote Interaction

Combined Downvote Control

  • Merged the 💔 Downvote icon and downvote count into a single interactive element.

  • Clicking either the broken-heart icon or the displayed count opens the dedicated Down Voters modal.

  • Creates a more intuitive and consistent voting experience.

Cleaner Vote Statistics

  • Positive and negative engagement are now presented independently.

  • Makes post engagement easier to understand at a glance.

Downvote Modal

Downvote Modal


Draft & Template Beneficiary Fix

Correct Beneficiary Weight Conversion

  • Fixed beneficiary weight handling for both Drafts and Templates.

  • The composer continues displaying familiar percentage values such as:

    • 3%
    • 5%
    • 10%
  • Meanwhile, the API and database now correctly store beneficiary values using Hive basis points.

Beneficiary Conversion

Beneficiary Conversion


Seamless Compatibility

Automatic Data Conversion

  • Existing drafts and templates loaded from the backend are automatically converted back into user-friendly percentage values.

  • No manual migration is required.

  • Ensures older saved content continues working without changes.

Package Verification

  • Successfully linked and rebuilt the local HiveReactKit package after implementing these updates.

  • Confirms compatibility across navigation, voting, and draft workflows.

Draft & Template Compatibility

Draft & Template Compatibility


Internal Improvements

Shared Component Enhancements

  • Expanded reusable navigation APIs for host applications.

  • Improved vote presentation across all supported content surfaces.

  • Increased reliability of beneficiary handling throughout draft and template workflows.


Powering the Hive Ecosystem

  • Continuously improving HiveReactKit with smarter navigation, clearer voting interfaces, and more reliable publishing workflows.
  • Building reusable components that deliver a consistent experience across Hive applications.
  • Contributing open-source improvements that enhance usability, maintainability, and developer integration throughout the Hive ecosystem.

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


via Apps from

Comments · 2

  • @indiaunited(71)· 2d

    This post has been manually curated by @steemflow 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 @steemflow by upvoting this comment and support the community by voting the posts made by @indiaunited.

  • @worldmappin(81)· 2d
    Congratulations, your post has been added to The WorldMapPin Map! 🎉



    You can check out this post and your own profile on the map. Be part of the Worldmappin Community and join our Discord Channel to get in touch with other travelers, ask questions or just be updated on our latest features.