HiveReactKit
Composer Enhancement: Upvote-on-Publish Toggle
- feat(composer): add upvote-on-publish toggle with vote slider.
- Added optional upvote toggle inside PostComposer.
- Introduced vote slider with range:
- Exposed vote state via props:
- Keeps broadcast logic controlled by consumer applications.
- Extended comment submission:
- Supports optional vote weight along with post/comment.
- Integrated feature across:
- HiveDetailPost
- Comments flow with vote gating
Upvote Toggle Icon in Composer
Upvote Toggle with Vote Slider in Composer
Post Detail Enhancements: Voting and Body Processing
- feat(post-detail): upvote toggle in comments and body processing hook.
- Enabled upvote-on-publish toggle across post-detail comment flow.
- Extended comment handlers:
- Support optional vote weight
- Added
processBody hook:
- Allows custom transformation of post/comment body
- Enables flexible rendering logic
- Fixed mobile UI issues:
- Improved popover positioning for Tags and Rewards
- Centered and responsive layout
Comment Flow with Upvote Toggle
Mobile Popover Fix for Tags
Mobile Popover Fix for Reward
Reward Handling and Simplified Body Processing
- feat(post-detail): support default reward and simplify body processing.
- Added
defaultReward prop:
- Applied across all comment composers
- Ensures consistent reward pre-selection
- Supported flows:
- Popup composer
- Inline replies
- Nested replies
- Simplified
processBody hook:
- Now returns only transformed body string
- Removed badge rendering logic to keep kit generic
Reward Pre-selection UI
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
More Links
▶️ 3Speak
