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

Words
519
Reading
3 min
Listen
Play
21d

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 AppVote as WitnessSupport via Discord


▶️ 3Speak

HiveReactKit Dev Update: Better Navigation, Improved Voting UI & Dr... | Ecency