💡 Unify and Enhance Search Experience in Live Voting Section

[bosko-m]

Area

Voting Pillar

Is there new design needed?

Yes

What?

Refactor the Live Voting section to adopt the same search behavior and layout as the Outcomes section. This includes:

• Removing category-based sliders and the “Show all” buttons.
• Displaying all governance actions in a scrollable, unified list unless the category filter is explicitly applied.
• Introducing a consistent search bar, filter options, and sorting dropdown, identical in style and behavior to the Outcomes section.
• Making filter and sort choices persist across sessions, and search terms persist within the same session.
• When the wallet is connected:
  • The To vote tab should show all available governance actions (excluding already voted ones), using the unified layout.
  • The Voted on by me tab should show all governance actions the user has voted on, also using the unified layout—no slider or category split.
• Backend should be optimized to reduce the number of API calls (from ~7 category-based calls to a single parameterized one).

Why?

The current Live Voting experience is inconsistent, fragmented, and inefficient:

• Governance actions are grouped by category and shown through sliders with separate "Show all" views, creating unnecessary complexity.
• The search behavior is not aligned with user expectations, and filtering and search across categories is unintuitive.
• Multiple backend calls for each category increase loading times and waste resources.

With the Outcomes section already serving as a model of improved UX, search, and performance, replicating this model in the Live Voting section will:

• Improve discoverability and reduce friction.
• Deliver consistency across the application.
• Lower frontend/backend complexity and reduce server load.
• Match user mental models better by showing what’s expected when a search or filter is applied.

How?

• Replace the current category-sliding UI in Live Voting with a unified, scrollable proposal list.
• Implement the new search/filter/sort bar, shared visually and functionally with Outcomes.
• Persist filter/sort choices across sessions (e.g., using localStorage), and persist search term within the current session.
• Ensure tab behavior is preserved with wallet connected and for a DRep user:
  • To vote shows all proposals the user hasn’t voted on.
  • Voted on by me shows all proposals the user has already voted on.
• Remove “Show all” buttons and sliders in Live Voting entirely.

Acceptance criteria

• Search bar exists and is visually and functionally identical with Outcomes.
• Category grouping and sliders are removed from Live Voting card display
• Filter and sort selections persist across sessions. - if you go back, your filters are still there - as in outcomes
• Search term persists until the user changes it.
• “To vote” tab shows only governance actions the user hasn’t voted on.
• “Voted on by me” tab shows all governance actions voted on by the user.

[bosko-m]

@m-i-k-e Please adjust accordingly and provide reference design.

[m-i-k-e]

The design is slightly changed from the previous ideas

Link to Figma: https://www.figma.com/design/mJTBiUofLfb74Xc3W2U59o?node-id=17810-155622#1380968604

Basically, we're changing a bit less for achievability and also sanity.

The new design above does the following things:

• Keeps the search structure - the search and filters remain the same with the same design
• Kills the "Propose Governace Action button - Removed because it's not really in the correct place
• Keeps the "To Vote" and "Voted on by me" tabs
• Adds filter pills to show users which filter is applied, and if they click the "X" on the filter, that filter is removed from the search results
• Removes horizontal categories on the Live Voting home page and also the search results pages.

Also:
The sort order and filters are always preserved either for the length of the session, or until a user changes them.