Skip to content

feat(ux): infinite scroll explore, loading/error states, mobile-friendly commissions - #523

Merged
ayshadogo merged 1 commit into
Dfunder:mainfrom
Ummi-001:feat/ux-improvements-476-477-483-485
Aug 25, 2026
Merged

feat(ux): infinite scroll explore, loading/error states, mobile-friendly commissions#523
ayshadogo merged 1 commit into
Dfunder:mainfrom
Ummi-001:feat/ux-improvements-476-477-483-485

Conversation

@Ummi-001

Copy link
Copy Markdown
Contributor

Summary

Single PR resolving all four issues currently assigned to @Ummi-001.

Closes #485 – Infinite scroll on explore page

  • useInfiniteQuery (@tanstack/react-query) paginates the project feed via app/explore/components/ExploreProjects.tsx
  • Intersection Observer (via the existing react-intersection-observer dep) auto-fetches the next page when a sentinel enters the viewport (400px rootMargin)
  • Skeleton cards render while the next page loads; end-of-list state included

Closes #483 – Page-level loading states

  • New global app/loading.tsx
  • Route-level skeletons for /explore, /marketplace, /dashboard, /commissions
  • Reuses the existing Skeleton/SkeletonCard components

Closes #476 – Global error boundary

  • New app/error.tsx: friendly message, error digest, console logging, and a Try Again button wired to reset()

Closes #477 – Mobile-friendly commission flow

  • Action bar (Accept / Reject / Submit / Approve) is sticky on mobile and full-width with ≥44px tap targets
  • Milestone approve button enlarged; role-toggle chip is now tappable
  • Overflow fixes at 375px: break-words titles, wrapping stat tiles, truncation-safe attachments, overflow-x-hidden
  • New-commission form buttons stack full-width on small screens

Verification

  • tsc --noEmit: clean for every file touched in this PR (remaining project errors are pre-existing in untouched files)
  • YAML/bash not applicable; no lockfile changes (upstream lockfile is already out of sync)

…issions

- explore: replace manual pagination with useInfiniteQuery + Intersection
  Observer infinite scroll and skeleton cards (Dfunder#485)
- add global app/loading.tsx and route-level skeletons for explore,
  marketplace, dashboard and commissions (Dfunder#483)
- add Next.js global error boundary with Try Again action (Dfunder#476)
- commissions: sticky action bar, 44px tap targets, overflow fixes on 375px (Dfunder#477)

Closes Dfunder#485, closes Dfunder#483, closes Dfunder#476, closes Dfunder#477
@drips-wave

drips-wave Bot commented Aug 24, 2026

Copy link
Copy Markdown

@Ummi-001 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

@ayshadogo ayshadogo left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@ayshadogo
ayshadogo merged commit 0b60fda into Dfunder:main Aug 25, 2026
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.

Implement infinite scroll on explore page Add page-level loading states Make commission flow mobile-friendly Add global error boundary

2 participants