HiveSuite Dev Update: Market Prices Popup & Persistent Nav Ex

Words
712
Reading
4 min
Listen
Play
3M

HiveSuite adds market price popups, URL-driven navigation, feed restoration, and improved browsing continuity.

Image

HiveSuite

Header Market Prices Popup

New Market Access from the Header

  • Added a new dollar-sign icon to the top navigation bar beside the search icon.

  • Provides quick access to market information from anywhere inside the application.

  • Removes the need to navigate into account-related screens to view token prices.

Compact Market Overview

  • Tapping the icon opens a lightweight market popup displaying:
    • HIVE price in USD
    • HBD price in USD
    • BTC price in USD
  • Designed to provide important market information without interrupting the browsing experience.

Price Performance Indicators

  • Each asset displays:
    • Token logo
    • Current USD price
    • 24-hour gain/loss percentage
  • Positive and negative movements are highlighted using green and red indicators for quick visual recognition.

Refresh & Update Information

  • Added a manual refresh button directly inside the popup.

  • Included a "Last Updated" timestamp so users can verify data freshness.

Cleaner Profile Drawer

  • Removed the old market ticker previously shown inside the profile drawer.

  • Consolidates market information into a dedicated header experience.

  • Creates a cleaner and more focused profile drawer layout.

  • Outcome:
    • Faster market access
    • Cleaner navigation experience
    • Better visibility of token performance
    • Improved dashboard usability

Header Market Prices Popup
Header Market Prices Popup


Persistent Navigation & Feed Restoration

Blogs Feed Improvements

URL-Driven Feed State

  • Blogs and My Communities now store the selected feed tab directly in the URL.

  • Supported tabs:

    • Trending
    • Hot
    • New
  • Navigation is now shareable and reload-safe.

Feed Position Restoration

  • Returning from a blog post restores:
    • Previous feed position
    • Previously visible cards
    • Loaded content state
  • Eliminates unnecessary feed refreshes when navigating back.

Reload-Safe Persistence

  • Feed state and scroll position are cached.

  • Uses sessionStorage as a fallback mechanism.

  • Even after a browser refresh, users return to where they left off.

Stability Improvements

  • Fixed multiple React Compiler warnings inside BlogFeedView.

  • Improves rendering consistency and long-term maintainability.

Blogs Feed Restoration via router params
Blogs Feed Restoration via router params


Communities Navigation Enhancements

URL-Driven Community State

  • Community tabs are now fully represented in the URL.

  • Supported tabs:

    • Posts
    • Snaps
    • About
    • Subscribers
    • Activities
  • Sort modes are also URL-driven:
    • Trending
    • Hot
    • New

Exact State Recovery

  • Opening a post or user profile and navigating back restores:
    • Scroll position
    • Feed state
    • Loaded content
  • Users continue browsing exactly where they left off.

Community Directory Persistence

  • Community search queries now persist across navigation.

  • Loaded results remain available without requiring a fresh fetch.

  • Scroll position is also restored automatically.

  • Outcome:
    • Better community browsing experience
    • Improved navigation continuity
    • Faster return-to-feed workflows

Community State Restoration
![Community State Restoration]Image


Polls Navigation Improvements

URL-Based Poll Navigation

  • Poll tabs are now controlled through URL state.

  • Supported sections:

    • Active
    • Ended
    • My Polls
    • My Votes
  • Creates consistent navigation behavior across the application.

Feed Restoration Support

  • Returning from a poll detail page or user profile restores:
    • Previous card position
    • Feed location
    • Loaded poll data
  • Removes unnecessary reloads when navigating back.

Refresh Behaviour

  • Manual refresh actions continue to:
    • Force fresh data retrieval
    • Reset feed position intentionally
  • Preserves expected refresh behavior while maintaining restoration support.

Poll Feed Restoration
Poll Feed Restoration


Internal Improvements

Local HiveReactKit Integration

  • Pointed HiveSuite to the local HiveReactKit build.

  • Enables faster development iteration and testing of new kit features.

Improved Restoration Infrastructure

  • Enhanced caching and restoration logic across:
    • Blogs
    • Communities
    • Polls
    • Navigation flows
  • Provides a more native application feel throughout HiveSuite.
  • Outcome:
    • Faster development workflow
    • More reliable state restoration
    • Improved user experience across major content areas

Powering the Hive Ecosystem

  • Continuously improving HiveSuite with navigation patterns that make content discovery faster and more intuitive.
  • Building a more resilient browsing experience through state restoration and URL-driven navigation.
  • Contributing open-source improvements that enhance usability across the Hive ecosystem.

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
HiveSuite AppVote as WitnessSupport via Discord


▶️ 3Speak