Skip to content

fix: admin mobile UX + attendee search - #62

Merged
vinckr merged 2 commits into
masterfrom
fix/admin-mobile-ux
Jul 19, 2026
Merged

fix: admin mobile UX + attendee search#62
vinckr merged 2 commits into
masterfrom
fix/admin-mobile-ux

Conversation

@vinckr

@vinckr vinckr commented Jul 17, 2026

Copy link
Copy Markdown
Collaborator

What & why

The check-in screen (/admin) had bad mobile UX — the 6-column table sat inside a horizontal-scroll container, so you had to scroll sideways to reach the Check In button. Search was also too strict.

Changes

Mobile layout (/admin, /admin/stats)

  • Below the sm breakpoint, attendees and crew stats render as stacked cards instead of a wide table. Action buttons are now full-width and reachable without sideways scrolling. Desktop keeps the original table.

Attendee search (/api/admin/attendees)

  • Query is trimmed, so "John " no longer returns nothing.
  • Multi-word matching: each word must match first_name, last_name, or email (AND across words, OR across fields). So "John", "John Smith" and "Smith John" all work — matching how staff actually search at check-in.
  • Strips PostgREST filter-significant characters from search terms.

Test notes

  • npm run build passes.
  • Verify on a real phone / narrow viewport (< 640px) while logged in: /admin cards + full-width Check In button, /admin/stats crew cards, and search by first name / "first last".

🤖 Generated with Claude Code

vinckr and others added 2 commits July 16, 2026 12:43
- Card layout on mobile for /admin check-in and /admin/stats so the
  action buttons are reachable without sideways scrolling
- Multi-word attendee search: match each word against name/email fields
  so "John", "John Smith" and "Smith John" all work; trim whitespace

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@netlify

netlify Bot commented Jul 17, 2026

Copy link
Copy Markdown

Deploy Preview for eisbachcallin ready!

Name Link
🔨 Latest commit 578a39d
🔍 Latest deploy log https://app.netlify.com/projects/eisbachcallin/deploys/6a5a607972538f000865b427
😎 Deploy Preview https://deploy-preview-62--eisbachcallin.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@vinckr
vinckr merged commit 8f7b531 into master Jul 19, 2026
5 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.

1 participant