HiveSuite
HiveReactKit — Web2 Profile & Identity Support
The shared HiveReactKit package received several improvements to better represent Web2 users across different application surfaces.
Local Package Integration
- Linked the local HiveReactKit package for rapid development and testing.
- Fixed stylesheet export paths to ensure the package styles are correctly consumed by HiveSuite.
- Improved the local development workflow between the shared library and the main application.
Web2 Profile Support
Added dedicated Web2 identity support for displaying:
- Web2 user identity
- Display name
- Profile avatar
- Authentication provider badge
This allows the shared components to understand and display Web2 users without relying on traditional Hive account information.
Profile UI Updates
- Updated profile components to display the actual Web2 user's information.
- Removed reliance on proxy account details where Web2 identity information is available.
- Improved profile consistency across different HiveSuite views.
- Ensured Web2 users can be visually distinguished through their identity and provider information.
Navigation Enhancements
Added Web2 profile navigation support across multiple content surfaces, including:
- Posts
- Snaps
- Post detail pages
- Snap detail pages
- Profile-related interactions
This ensures that clicking a Web2 user's profile behaves consistently regardless of where the user is discovered inside HiveSuite.
Empty State Improvements
- Enabled rich React components inside empty-state views.
- Improved interactive onboarding experiences instead of limiting empty states to plain text.
- Created a stronger foundation for contextual actions, guidance, and user onboarding.
Web2 Profile Identity
HiveSuite — Web2 Authentication & Profile Experience
HiveSuite received several application-level improvements to make Web2 authentication and profile management more consistent.
Web2 Authentication
- Integrated JWT-based Web2 login into HiveSuite.
- Uses the Firebase UID as the canonical Web2 user identifier.
- Provides a consistent identity reference between the frontend authentication state and backend Web2 services.
- Improves reliability when identifying Web2 users across sessions and application routes.
Web2 Profile Routing
Updated Web2 profile routing and deep links using dedicated Web2 identity information:
web2idweb2nameweb2dpurl
This allows Web2 profile URLs to maintain the correct user identity, display name, and profile image information.
The routing improvements also make Web2 profile links more reliable when opened directly or shared between different parts of the application.
Profile Drawer
- Simplified the navigation structure for Web2 users.
- Improved the Web2-specific profile menu experience.
- Removed unnecessary Hive-native options that do not apply to Web2-only accounts.
- Made the profile drawer more focused and easier to navigate.
Profile Button
- Added fallback avatar support for Web2 users.
- Ensures the profile button continues to display a usable avatar even when a primary social or profile image is unavailable.
- Improved visual consistency across the application header and navigation areas.
Web2 Profile Drawer & Navigation
HiveSuite — Follow Onboarding Improvements
The Follow onboarding experience was also redesigned to provide a more useful and visually engaging introduction for Web2 users.
Responsive Two-Column Layout
- Redesigned the onboarding experience with a responsive two-column layout.
- Improved separation between onboarding information and user interaction.
- Adapted the layout for different screen sizes while maintaining a clean experience.
Live Avatar Preview
- Added a live avatar preview during onboarding.
- Uses the available Web2 profile information to show users how their identity will appear.
- Provides immediate visual feedback while completing the onboarding flow.
This makes the onboarding process feel more connected to the user's actual identity rather than presenting a generic account setup experience.
Follow Onboarding Experience
HiveSuite — My Friends Improvements
The My Friends experience received responsive layout improvements focused on usability across different screen sizes.
Improved Scrolling
- Improved scrolling behavior within the My Friends interface.
- Reduced layout issues that could make friend lists difficult to browse.
- Ensured content remains accessible as the number of users increases.
Responsive Layout
- Improved responsiveness across desktop and mobile layouts.
- Refined spacing and content positioning.
- Made friend-related interactions easier to use across different screen sizes.
My Friends Responsive Experience
Hive Authentication — Avatar & Account Switcher Improvements
The Hive Authentication package was also updated to provide stronger identity presentation for both Web2 and traditional authentication flows.
Avatar Resolution
Added multiple avatar resolution options, including:
- Google / social profile photos
- Gravatar
- UI Avatar fallback
This creates a more reliable avatar experience when a user does not have a single guaranteed profile image source.
The fallback system helps ensure that users still receive a recognizable profile representation even when an external profile image is unavailable.
Account Switcher
The account switcher was updated to display richer Web2 account information.
Web2 accounts can now show:
- Profile avatar
- Display name
- Authentication provider badge
This makes it easier for users to identify which account and authentication method they are currently using when multiple accounts are available.
Web2 Account Switcher
🚀 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