HiveSuite Development Update: Feed Media Strip UI & Notification System Improvements

in HiveDevsyesterday

▶️ Watch on 3Speak


HiveSuite improves feed UI consistency, media strip layouts, and PeakD-style on-chain notification handling.

HiveSuite

Right-Side Media Strip Across All Feeds

Unified Feed Media Experience

  • feat(ui): apply right-side media strip across feeds.
  • Auto-applied the new right-side media strip layout across all feeds using BlogPostList.
  • Applied across:
    • Blogs
    • Communities
    • MyFriends
    • Profile tabs
  • Improved media rendering consistency across the application.

  • Unified feed presentation and visual spacing throughout all feed views.

  • Outcome:
    • Cleaner and more modern feed experience
    • Better multi-media presentation consistency
    • Improved visual hierarchy across HiveSuite feeds

Right-Side Media Strip

Right-Side Media Strip - Desktop

Mobile View media Strip

Unified Feed Layout
Unified Feed Layout - My Friends

Unified Feed Layout - My Communities


Feed Card UI & Community UX Improvements

Feed & Community Experience Updates

  • feat(feed): adopt new card UI + community UX.
  • Applied the new media strip card UI across:
    • All feeds
    • Profile pages
  • Improved mobile card sizing for better responsive rendering.

  • Updated skeleton loaders for layout consistency across devices.

Community Page UX Improvements

  • Updated CommunityDetail page behavior:
    • Sticky tabs support
    • Scroll reset improvements
  • Feed updates automatically propagated through HiveReactKit shared components.
  • Outcome:
    • Improved responsive experience on mobile devices
    • Better community browsing workflow
    • Consistent feed behavior across the platform

Mobile Feed Cards
Mobile Feed Cards

Community UX Improvements
Community UX Improvements


Notifications System Improvements

PeakD-Style On-Chain Read State

  • feat(notifications): peakd-style mark-as-read + chain unread state.

  • Notifications now use on-chain unread state handling aligned with PeakD behavior.

  • Replaced localStorage-based notification cursor with:

    • lastReadDate from API
  • Implemented mark-as-read using:
    • aioha.customJSON
    • Clean typed transaction handling
  • Uses current timestamp instead of latest notification timestamp for safer synchronization.

  • Added optimistic UI updates with automatic resync on success or failure.

  • Mark-as-read button remains always enabled:

    • Supports idempotent interaction behavior
  • Outcome:
    • Improved notification synchronization reliability
    • Better alignment with Hive ecosystem notification standards
    • More consistent unread state management across devices

On-Chain Notification Read State & Notification UX Improvements

On-Chain Notification Read State & Notification UX Improvements


Powering the Hive Ecosystem

  • Continuously improving HiveSuite applications with focus on consistency, scalability, and creator experience
  • Building reusable feed infrastructure and standardized UI systems for the Hive community
  • Contributing towards a more reliable and feature-rich Hive ecosystem experience

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:  

This post has been manually curated by @bhattg from Indiaunited community. Join us on our Discord Server.

Do you know that you can earn a passive income by delegating to @indiaunited. We share more than 100 % of the curation rewards with the delegators in the form of IUC tokens.

Here are some handy links for delegations: 100HP, 250HP, 500HP, 1000HP.

image.png

100% of the rewards from this comment goes to the curator for their manual curation efforts. Please encourage the curator @bhattg by upvoting this comment and support the community by voting the posts made by @indiaunited.

CKq55bDMMa5C9zjdaYBZxnPMSS25AZZuNXNLEYfzw2o7RznvGD2vzBRbDH4vP4bFjA2DoCbXAwo9bZBWrEKeCNaumQtyN4TPp8KNR7DwgJAmPxhmWiEeMsAaUB1qorVXzqBzT95BCg7ey5BxeLdfXVFFx9gv14JaHwZrnHGXMU9JYxCPVUow8TnBRwFuii6EuvsU9aafvRqVqjJ9o343ccawwh.png

Yum! You have been curated by @sirenahippie on behalf of FoodiesUnite.net on #Hive. Thanks for using the #foodie tag. We are a tribe for the Foodie community with a unique approach to content and community and we are here on #Hive.

Join the foodie fun! We've given you a FOODIE boost. Come check it out at @foodiesunite for the latest community updates. Spread your gastronomic delights on and claim your tokens

Congratulations @sagarkothari88! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)

You have been a buzzy bee and published a post every day of the week.

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Excelente amigo, siga dando lo mejor muy bien, son unas app geniales