HiveReactKit & HiveSuite Development Update: Web2 Profiles & Authentication Enhancements

sagarkothari88(77)

Published in

HiveDevs

Words

697

Reading

4 min

Listen to this post

~5 min

HiveReactKit & HiveSuite

HiveReactKit — Web2 Profile & Identity Improvements

Web2 Profile Content Filtering

Improved profile content filtering for Web2 users.
Snaps and Posts are now filtered using the json_metadata.web2id value.
This ensures that when viewing a Web2 profile, users see only the content that belongs to the selected Web2 identity.
Prevents unrelated Hive content from appearing inside Web2 profile views.

This provides a cleaner and more reliable profile experience while maintaining compatibility with the existing Hive content structure.

Web2 Profile Content Filtering

Conditional Profile Rendering

Added logic to distinguish between traditional Hive account profiles and Web2 user profiles.
Profile rendering now determines the appropriate experience based on route parameters.
Web2-specific profile information is displayed when the route represents a Web2 identity.
Existing Hive account profile behavior remains unchanged.

This separation makes the profile architecture more flexible and prepares HiveReactKit for supporting additional identity types in the future.

Web2 Identity UI

Added provider-specific login indicators for Web2 accounts.
Google and Apple authentication providers can now be visually identified within the profile interface.
Added avatar overlay badges to clearly communicate the user's authentication provider.
Added account labels to make the identity type more understandable to users.

These changes help users immediately understand whether they are viewing a traditional Hive account or a Web2 identity connected through an external authentication provider.

Web2 Identity & Provider Badges

Profile Layout Improvements

Improved the overall Web2 profile layout.
Centered the avatar, display name, and provider badge for better visual alignment.
Created a cleaner visual hierarchy around Web2 identity information.
Improved consistency between profile presentation and the rest of the HiveSuite interface.

The objective is to make Web2 profiles feel integrated into the Hive experience rather than appearing as a separate or incomplete user flow.

Web2 Profile Layout & Menu Option

Web2 Profile Layout

Web3 Operation Protection for Web2 Users

Added a warning toast when a Web2 user attempts to perform a Web3-only operation.
For example, if a Web2 user attempts to follow another user through a blockchain-based operation, the interface now clearly informs them that the action requires Web3 authentication.
This prevents confusing failures and provides immediate feedback about the account's capabilities.

This is an important usability improvement because Web2 and Web3 identities have different authentication and transaction capabilities.

Web3 Operation Warning for Web2 Users

HiveSuite — Avatar & Authentication Improvements

Gravatar & Firebase Avatar Integration

Improved avatar handling for authenticated Web2 users.
The logged-in user's Google/Firebase profile avatar is now displayed in the HiveSuite header.
The same avatar is also used within the profile drawer.
Added fallback support to ensure a usable avatar is displayed when the primary image is unavailable.

This creates a more personalized experience for Web2 users and keeps their identity visually consistent throughout the application.

Gravatar & Firebase Avatar Integration

Avatar Request Reliability

Prevented broken avatar requests for the @hivesuite-w2prxy proxy account.
Improved the logic used to determine when a Hive account avatar should or should not be requested.
This avoids unnecessary failed image requests and prevents broken-image states from appearing in the interface.

The improvement also makes the distinction between Web2 identity avatars and blockchain account avatars more reliable.

Avatar Request Reliability

Web2 Session Synchronization

Synchronized Web2 authentication state with the Hive authentication store.
Improved session persistence across component re-renders.
Ensured that Web2 authentication information remains available when different parts of HiveSuite refresh or re-render.
Reduced the possibility of temporary authentication-state inconsistencies during navigation and UI updates.

This provides a more stable foundation for Web2 authentication across the application.

Web2 Session Synchronization

🚀 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.