HiveReactKit Development Update: Time & Comment UX Fixes, Upvote List Redesign & Snap Badge Improvements

in HiveDevs2 days ago

▶️ Watch on 3Speak


HiveReactKit improves time labels, upvote UI, comment navigation, and unified HiveSuite branding support.

HiveReactKit

Time & Comment UX Improvements

Unified Time Formatting & Navigation Fixes

  • fix: unify time-ago labels, enable comment-author navigation, and improve promo cleanup.
  • Updated post timestamps to use unified “time ago” formatting:
    • 5m
    • 2h
    • 3d
    • Similar relative-time formats
  • Fixed timezone inconsistencies across all feeds:
    • Unified UTC-based time handling
  • Improved comment interaction behavior:
    • Comment author name is now clickable
    • Comment author avatar is now clickable
  • Added direct navigation support to author profiles from comments.

Promo Cleanup Improvements

  • Improved cleanup logic for:
    • Liketu promotional footer removal from post bodies
  • Reduced unnecessary promotional clutter inside rendered content.
  • Outcome:
    • More consistent feed readability
    • Better navigation experience within discussions
    • Cleaner post rendering across Hive applications

Unified Time-Ago Labels

Unified Time-Ago Labels

Comment Author Navigation
Comment Author Navigation


Upvote List Redesign

PeakD-Style Vote Breakdown Popup

  • feat: redesign upvote list with rewards breakdown, sorting, and improved responsive layout.
  • Completely redesigned upvote popup using PeakD-inspired layout:
    • Header section
    • Rewards breakdown bar
    • Grid-based voter layout
  • Added vote analytics per voter:
    • Vote value
    • Curation rewards

Sorting & Responsive Improvements

  • Added sorting options:
    • Vote value
    • Voter name
    • Newest votes
    • Oldest votes
    • Curation rewards
  • Improved mobile responsiveness:
    • Truncated usernames for smaller screens
    • Preserved reward visibility

Visual & Infrastructure Improvements

  • Added custom Hive logo support:
    • Sharper rendering
    • Offline-ready asset handling
  • Fixed time-ago consistency using UTC-based formatting.
  • Outcome:
    • Better vote transparency for users
    • Improved readability across devices
    • More polished and informative engagement UI

Upvote List Redesign

Upvote List Redesign

Vote Rewards Breakdown And Filters

![Vote Rewards Breakdown]image.png


Snap Badge & Tag Forwarding Improvements

Unified Branding & Post Metadata Handling

  • feat: unify snap badge as hivesuite and forward parent tags on comment click.
  • Renamed app-family badge to:
    • hivesuite
  • Badge now displays consistently for:
    • hSnaps
    • hReplier
    • HiveSuite posts
  • Hidden automatically for external application posts:
    • Cleaner and less cluttered UI

Comment Tag Forwarding

  • Comment action now forwards parent post tags to connected apps.

  • Improved metadata continuity between posts and replies.

  • Outcome:
    • Stronger brand consistency across HiveSuite ecosystem apps
    • Cleaner badge visibility rules
    • Better tag propagation across interaction flows

Parent Tag Forwarding & Unified HiveSuite Badge

Parent Tag Forwarding & Unified HiveSuite Badge


Powering the Hive Ecosystem

  • Continuously improving engagement systems, metadata handling, and UI consistency across Hive applications
  • Building scalable and creator-focused interaction components for the Hive community
  • Contributing towards a cleaner, more polished, and feature-rich 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


▶️ 3Speak


via Apps from

Sort:  

Appreciate your hard work on HiveReactKit Development.

Thank you so much
I’ll keep up the good work

Congratulations @sagarkothari88! You received a personal badge!

You powered-up at least 10 HIVE on Hive Power Up Day!
Wait until the end of Power Up Day to find out the size of your Power-Bee.
May the Hive Power be with you!

You can view your badges on your board and compare yourself to others in the Ranking

Check out our last posts:

Hive Power Up Month Challenge - May 2026 Winners List
Be ready for the June edition of the Hive Power Up Month!
Hive Power Up Day - June 1st 2026

Congratulations @sagarkothari88! You received a personal badge!

You powered-up at least 1000 HP on Hive Power Up Day and got the biggest Power-Bee!
See you at the next Power Up day to see if you will repeat this feat.
May the Hive Power be with you!

You can view your badges on your board and compare yourself to others in the Ranking

Check out our last posts:

Hive Power Up Month Challenge - May 2026 Winners List
Be ready for the June edition of the Hive Power Up Month!
Hive Power Up Day - June 1st 2026