Hello Hive Community Members,
In my last post, we talked about hive-react-kit package that we are building. In this post, today, we talk more on that. My team & I are actively building these components so that devs on hive don't have to start from scratch. With this post, I share status update on hive-react-kit by providing details on completed components followed by screenshots.
β Completed Components
π― Activity History & Transaction History
- Both ActivityHistory and TransactionHistory components are now fully functional and bug-free! πͺ²β
- Fixed UI layout issues for smoother rendering.
- Added user avatars and author profile pics π§βπ€ next to titles.
- Integrated both components in the main
index.tsxfile. - Activities (posts, comments, replies) now render with proper markdown, images, and clickable links π β no more ugly HTML!
- Added expand/collapse functionality to ActivityHistory π½.
- Updated ExternalLink button to open posts directly in
peakd.comποΈ like this:
https://peakd.com/@${activity.author}/${activity.permlink}(opens in new tab πͺ). - Fixed link overflow issues in ActivityHistory π .
π§ Proposals List Component
The Proposals List Component is now live and polished like honey-glaze! π―
- Calculates accurate vote values using
database_api.list_proposal_votes. - Updated proposal interface with all necessary fields.
- Added URL and Stats icons π below date lines for quick access.
- Fully responsive design for mobile screens π±.
- Optimized API calls (fetch all proposals once on mount π§ ).
- Added comma-separated numbers for better readability π§Ύ.
- Shows expired proposals in bright red βExpiredβ badges π΄.
- Combines info from stats.hivehub.dev for full transparency π.
- Hides 'Paid' field for expired proposals.
- Improved sorting + filtering logic and added upcoming proposals section with a short summary. ποΈ
π° Blog Feed List
All new Feed List Components are up and running! π₯
- Implemented Trending, Hot, and New feed lists. π₯π₯π±
- Built a dynamic PostFeedList with 7 callback props
(onAuthorClick,onPostClick,onCommunityClick,onPayoutClick,onUpvoteClick,onCommentClick,onReblogClick). - Added Post Feed tab to Index page π§.
- Enabled single-row layout for mobile π± with thumbnail optimization.
- Removed unwanted HTML tags π§Ή from post descriptions.
- Added image switching for clickable thumbnails πΌοΈ.
- Images optimized via Hiveβs 320px resize service β faster, lighter, cleaner π¨.
- Sweet responsive design, contrast-checked, and accessible UI! π§βπ»
π Sneak Peek Screenshots







π» More UI Love
Time for some sweet visuals of the polished UI upgrades! π¨π«





π οΈ Whatβs Next?
- Adding pagination and filtering to blog feeds π
- Improving proposal data caching for smoother performance βοΈ
- Integrating notifications for new activities in user timeline π
β
β¨ Every line of code and pixel is tuned for the Hive community's best experience!
Thanks for supporting HiveReactKit β€οΈβπ₯
π Stay tuned for more Hive awesomeness!
π¦Ύ Power-Up the Hive! ππ
- πͺ Making Hive stronger, one bug at a time!
- π§ββοΈ Open-source wizards, your code = my spellbook
- π Hive rocket β MOONβ¦ unlimited upvotes incoming! π
π Support, Laughs & Good Vibes
- Found a bug? Smack it with an UPVOTE π
- Want more Hive magic? Vote me as Hive Witness π§ββοΈ
- Jokes, tips, Hive-loveβsend them my way β€οΈ
Until next timeβBYEEE ππ
π Final Note
- I asked perplexity to help optimize this post to make it more readable and viewer-friendly.
- Here is the link where you can find both original content & improvements made by AI
- https://www.perplexity.ai/search/505a9c08-44f2-4d3a-9dca-be6fdfb99910
π My Contributions to β¦οΈ Hive Ecosystem
| Contribution | To | Hive | Ecosystem |
|---|---|---|---|
| Hive Witness Node | Hive API Node | 3Speak Video Encoder Node Operator (highest number of nodes) | 3Speak Mobile App Developer |
| Podcast App Developer | 3Shorts App Developer | 3Speak Support & Maintenance Team | Distriator Developer |
| CheckinWithXYZ | hReplier | HiFind | Hive Donate App |
| Contributed to HiveAuth Mobile App | Ecency β 3Speak Integration | Ecency β InLeo Integration | Ecency β Actifit Integration |
| Hive Stats App | Vote for Witness App | HiveFlutterKit | New 3Speak App |
π Support Back
β€οΈ Appreciate my work? Consider supporting @threespeak & @sagarkothari88! β€οΈ
| Vote | For | Witness |
|---|---|---|
| sagarkothari88 | @sagarkothari88 | |
| threespeak | @threespeak |