[IMAGE: https://i.ecency.com/DQmakV4EAF8YpNXmDQzbty8MxP6K7H8QmFmJuSGyhYsnryJ/thumb_1778914234749.jpg] ▶️ Watch on 3Speak
HiveSuite adds Polls, Videos, Shorts feeds, new discovery routes, and reusable multimedia UI components.
HiveSuite
Discovery Section & Navigation Expansion
Sidebar & Route Improvements
- Added new sections inside the Discovery navigation:
- Polls
- Videos
- Shorts
-
Map
-
Reordered Discovery section for improved accessibility and navigation flow.
-
Added new application routes:
/polls/videos/shorts-
/map -
Improved scalability for future content-focused HiveSuite modules.
-
Outcome:
- Better content discoverability
- Cleaner navigation organisation
- Expanded multimedia browsing experience within HiveSuite
Updated Discovery Navigation
New Discovery Routes
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tkmzEjNkktXXMimSf8TYA2dh4qwTygntHRyY7iX9gR2UnKHmhRUbfNBK7zzHMvZmi2y.png]
Polls Feature Integration
Poll Feed & API Integration
- Added new Polls API integration supporting:
- Active Polls
- Ended Polls
- My Polls
-
My Votes
-
Built reusable Snaps-style
PollCardUI component. -
Added skeleton loading states for poll feeds.
Responsive Poll Feed Layout
- Added responsive poll grid layouts:
- 1-column mobile layout
-
Up to 4-column desktop layout
-
Added tab-based poll filtering system for easier browsing.
-
Outcome:
- Improved poll discovery experience
- Better responsive interaction for Hive users
- Unified card-based UI consistency across HiveSuite feeds
Polls Feed UI
![Polls Feed UI][IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23swkTYTnZ6DjKmU8vXrGetvafX8fhMWjFuJ4yqDrgrVYa1Jsx9goPvL8S2ZioLXb1WLv.png]
PollCard & Filtering
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/EoAT4pXGbpF5madJBVaifZ72sCCNtu9ADsnJa7BQnDknCNHwiQmHspJShiDe93QmMFn.png]
Videos Section
Video Feed System
- Added dedicated Videos section with feed categories:
- Trending
- New
- First Uploads
- User
-
Community
-
Built reusable
VideoCardcomponent with: - Video thumbnail
- Metadata display
- Vote actions
- Comment actions
- Share actions
- Additional feed interactions
Media Handling Improvements
-
Added branded fallback thumbnails for broken or unavailable media.
-
Added responsive video grid layouts with skeleton loading states.
-
Outcome:
- Better video browsing experience
- Improved feed consistency across media types
- Enhanced fallback handling for media rendering
Videos Feed Layout
VideoCard UI
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tGY4bWWf9jcGPaDwLMxXRxNC4bkcGFdv6YWvKuiDsoeMXC8pKiRXo21HzyGQcJkYZQP.png]
Shorts Feed Experience
Reels-Style Shorts Feed
-
Added vertical Shorts feed inspired by Reels-style interaction patterns.
-
Integrated 3Speak GraphQL support for:
-
isShortvideo feeds -
Added auto-play support using:
IntersectionObserver-
hls.js -
Ensured only one active video plays at a time for performance optimization.
-
Added right-side floating action rail for Shorts interactions.
Feed Navigation Improvements
-
Added automatic scroll-to-top behavior on tab switching.
-
Added deduplicated feed loading to avoid repeated content rendering.
-
Outcome:
- Smooth vertical video browsing experience
- Better performance during continuous feed scrolling
- Improved Shorts interaction workflow
Shorts Vertical Feed
Shorts Auto-Play Experience
Shared Components & UI Infrastructure
Reusable Feed Components
- Added reusable
FeedTabSelectorcomponent: - Pill-based tabs for desktop
-
Dropdown selector for mobile
-
Added reusable
VideoThumbnailcomponent: -
Branded fallback artwork support
-
Improved consistency across Polls, Videos, Shorts, and future feed systems.
-
Outcome:
- More scalable UI infrastructure
- Better responsive experience across devices
- Improved component reuse across HiveSuite applications
FeedTabSelector Component
VideoThumbnail Fallback UI
Powering the Hive Ecosystem
- Continuously expanding HiveSuite with modern multimedia discovery experiences
- Building scalable feed systems and reusable UI infrastructure for the Hive community
- Contributing towards a more interactive, creator-friendly, and feature-rich 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
[IMAGE: https://images.ecency.com/70x0/https://hsnaps.sagarkothari88.one/logo.png] [IMAGE: https://images.ecency.com/70x0/https://cdn-icons-png.freepik.com/512/9720/9720387.png?uid=R157450845&ga=GA1.1.352572717.1773017077] [IMAGE: https://images.ecency.com/70x0/https://cdn-icons-png.freepik.com/512/3670/3670157.png?uid=R157450845&ga=GA1.1.352572717.1773017077] HiveSuite App Vote as Witness Support via Discord▶️ 3Speak