HiveSuite Development Update

HiveSuite — Market Prices Currency Persistence

Persistent Currency Preference

• Added localStorage-based persistence for the selected currency in the Market Prices popup.
• Users can now select their preferred currency and have that choice remembered across sessions.
• This removes the need to repeatedly switch away from the default currency when checking market information.

Smart Initialization

• Updated the Market Prices initialization flow to restore the previously saved currency preference when the page loads.
• The application now checks for an existing saved preference before falling back to the default USD currency.
• This provides a more personalized and consistent experience for returning users.

State Synchronization

• Added a loading guard to prevent the default currency state from temporarily overwriting the saved preference during initialization.
• Improved synchronization between the persisted localStorage value and the component state.
• This ensures the correct currency remains selected throughout the initialization lifecycle.

Verification

• Verified the currency persistence behavior through automated browser testing.
• Confirmed that the selected currency remains correctly restored after page refreshes.
• Ensured the updated initialization logic works without affecting the Market Prices experience.

Market Prices Currency Persistence

Currency Preference Restoration

---

HiveSuite — Custom Snaps UI Refactor

Unique HiveSuite Design

• Refactored the Custom Snaps interface with a distinct HiveSuite visual identity.
• Moved away from simply mirroring existing social-media layouts.
• Introduced a cleaner structure designed specifically around HiveSuite's existing design system and content experience.
• Updated the interface to feel more consistent with the broader HiveSuite application.

Three-Column Layout

• Redesigned the desktop experience around three primary areas:
  • Left Navigation
  • Centre Feed
  • Right Recommendations
• The new structure creates a clearer separation between feed navigation, content browsing, and discovery.
• Improved spacing and content hierarchy to make the Custom Snaps experience easier to navigate.

Vertical Feed Navigation

• Added a dedicated left navigation panel containing:
  • For You
  • Following
  • My Feeds
• Added inline feed management directly within the navigation experience.
• Added a quick action for creating new feeds without requiring users to leave the current page.

Integrated Feed Management

• Added inline controls for custom hashtags.
• Added quick source chips for faster feed selection.
• Added popular tags for easier content discovery.
• Added personalized interests directly within the navigation panel.
• Combined these controls into a more useful feed-management experience instead of separating them across multiple screens.

Refined Recommendation Panels

• Redesigned Who to Follow recommendations into a compact HiveSuite-themed panel.
• Redesigned Trending Tags into a matching recommendation panel.
• Improved visual hierarchy, spacing, and information density within the right sidebar.

Consistent UI Components

• Updated buttons, dialogs, tabs, and icons throughout Custom Snaps.
• Refined spacing and component sizing.
• Applied HiveSuite design-system colour tokens consistently.
• Improved visual consistency between Custom Snaps and the rest of the HiveSuite application.

Custom Snaps Desktop Refactor

Three-Column Custom Snaps Layout

Feed Navigation & Management

---

HiveSuite — Custom Snaps Mobile Experience

Follow & Unfollow Integration

• Added native Follow/Unfollow actions to the Who to Follow experience.
• Implemented optimistic UI updates so the interface responds immediately to user actions.
• Added loading indicators during follow-state changes.
• Added error recovery to restore the previous state when an action fails.
• Added success notifications to clearly communicate completed actions.

Responsive Mobile Layout

• Redesigned Custom Snaps specifically for mobile devices while preserving the desktop layout.
• Created a responsive structure that adapts navigation, feed controls, recommendations, and content areas based on screen size.
• Improved touch-friendly spacing and interaction patterns throughout the mobile experience.

Mobile Navigation

• Replaced the desktop sidebar with a compact mobile navigation bar.
• Added an active feed indicator.
• Added a feed selector dropdown for quickly switching between feeds.
• Added a dedicated Add Feed action directly within the mobile navigation.

Mobile Feed Management

• Fixed the Manage Feeds flow on mobile.
• Users can now manage existing feeds and create new custom feeds directly from the mobile interface.
• Improved the interaction flow so feed management does not require switching back to the desktop layout.

Full-Width Feed

• Removed unnecessary side padding from the mobile feed.
• Expanded the Snaps feed to use the available screen width.
• This provides a more immersive browsing experience while making better use of limited mobile screen space.

Smooth Mobile Interactions

• Added animated dropdown interactions.
• Improved responsive feed switching.
• Added inline feed management.
• Optimized spacing across navigation and content areas.
• Refined the overall mobile interaction flow for a smoother Custom Snaps experience.

Custom Snaps Mobile Navigation

Full-Width Mobile Snaps Feed

Mobile Feed Management

---

HiveSuite — Custom Snaps Discovery & Feed Updates

Mobile Recommendations

• Moved Who to Follow recommendations into the mobile feed dropdown.
• Kept the existing recommendation sidebar unchanged on desktop.
• This allows mobile users to access discovery content without consuming permanent screen space.

Suggestions Toggle

• Added a dedicated Suggestions toggle.
• Added localStorage persistence for the toggle state.
• Users can now control whether suggestions are displayed while retaining their preference between sessions.

Follow/Unfollow Experience

• Integrated Follow/Unfollow actions directly into the suggestions experience.
• Added optimistic updates for faster interaction feedback.
• Improved loading and error handling around follow actions.
• Added clear success notifications after successful actions.

Infinite Scroll

• Replaced the traditional Load More interaction with automatic Infinite Scroll.
• Users can continue browsing Snaps naturally as additional content becomes available.
• Improved the feed-loading experience by reducing manual interaction while browsing.

Initialization Fixes

• Fixed initialization issues affecting infinite scrolling.
• Improved the timing and state handling required for the feed to correctly begin loading additional content.
• Ensured infinite scrolling remains reliable after navigation and responsive layout changes.

Mobile Layout Refinement

• Made the mobile feed completely full-width by removing unnecessary side padding.
• Improved mobile navigation and responsive layout behavior.
• Refined the relationship between feed selection, recommendations, and content browsing.

Suggestions & Follow Actions

Suggestions & Follow Actions

---

🚀 Powering the Hive Ecosystem

• Continuously improving HiveReactKit with reusable components that make Hive applications richer and more responsive.
• Building shared infrastructure for media rendering, translations, and smoother community navigation across the Hive ecosystem.
• Contributing open-source enhancements that improve usability, consistency, and long-term maintainability for Hive frontends using HiveReactKit.

---

Final Note

This post has been refined with the help of AI to improve readability and structure.
The development updates and optimized version are both available for reference.

---

🔗 More Links

HiveSuite App	Vote as Witness	Support via Discord

Use HiveSuite. Invite your friends. Stay active. Earn rewards.

_{Posted via HiveSuite}