Skip to content

feat: build pool comparison#632

Merged
Akshola00 merged 1 commit into
Web3Novalabs:mainfrom
yvl4life:feat/build-comparison
Jun 2, 2026
Merged

feat: build pool comparison#632
Akshola00 merged 1 commit into
Web3Novalabs:mainfrom
yvl4life:feat/build-comparison

Conversation

@yvl4life

@yvl4life yvl4life commented Jun 2, 2026

Copy link
Copy Markdown
Contributor

Implementation Summary

🎯 Key Features Implemented:

1. Pool Selection Interface

  • Select up to 4 pools from available listings
  • Visual indicator showing selection count (0-4)
  • Quick preview cards with pool info before comparison
  • Clear selection button

2. Side-by-Side Comparison

  • Desktop View: Professional table layout with all metrics
  • Mobile View: Horizontally scrollable card layout for better UX
  • Links to individual pool detail pages

3. Displayed Metrics

  • Category (color-coded badges)
  • Status (Active/Completed with indicator)
  • Goal amount
  • Amount raised
  • Progress percentage with visual progress bar
  • Donor count
  • Created date
  • Creator information (avatar + truncated address)

4. Sorting & Filtering

  • Sort comparison by: Amount Raised, Goal, Progress %, Donors
  • Dynamic sorting updates table/cards immediately
  • Highlights key differences at bottom

5. Responsive Design

  • Mobile: Scrollable comparison cards with all essential info
  • Tablet: Adapted table layout
  • Desktop: Full-featured side-by-side table
  • Touch-friendly controls

6. Key Differences Section

  • Highlights highest raised pool
  • Shows largest goal
  • Identifies highest progress %
  • Displays most donors

🔗 UI Integration:

  • Added "Compare Pools" button to /workspaces/Nevo/nevo_frontend/app/pools/page.tsx header
  • Button styled as secondary variant next to "Create Pool" button
  • Easy navigation flow: Browse → Select → Compare

✅ Build Status:

  • No errors or warnings
  • All components properly typed with TypeScript
  • Uses existing Nevo components: Button, Avatar, ProgressBar, EmptyState
  • Follows project styling conventions with CSS variables

The comparison feature is now ready and fully functional!

Made changes.

Closes #600

@drips-wave

drips-wave Bot commented Jun 2, 2026

Copy link
Copy Markdown

@yvl4life Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@Akshola00 Akshola00 merged commit 100a76d into Web3Novalabs:main Jun 2, 2026
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Build Pool Comparison feature

2 participants