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 &
! โค๏ธ
| Vote | For | Witness |
|---|---|---|
| sagarkothari88 | ||
| threespeak |