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.tsx file.
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
