- Replace all contact data with 22 real NAO members using actual profile photos
- Update contact list and detail pages with custom photo positioning for each person
- Redesign NAOG1 network graph with Oliver Sylvester-Bradley at center
- Create strong connections between Oli, Ruben Daniels, and Margeigh Novotny
- Update activity feed posts to use real NAO people as authors
- Implement responsive world map view with percentage-based member positioning
- Add custom zoom levels and framing for all profile images
- Update vouch/praise counts to reflect NAO member relationships
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Rename navigation from Feed to Home with Dashboard icon
- Convert notifications from popup to dedicated page
- Restructure Account page tabs: Profile, My Cards, My Webpage, My Stream, My Bookmarks
- Fix mobile layout with edge-to-edge design and proper padding
- Remove scroll buttons from tabs to eliminate left margin gap
- Update My Bookmarks filters to display side-by-side on mobile
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
FEATURES:
- NAO membership status indicators with distinct visual styling:
* Green "NAO Member" chip for existing members
* Orange "Invited" chip for pending invitations
* No indicator for contacts not yet invited
- Invite buttons for non-members to easily send NAO invitations
- Smart button placement that doesn't interfere with selection mode
VISUAL DESIGN:
- Color-coded status chips with icons (CheckCircle, Schedule)
- Consistent styling with existing contact chips
- Invite button with Send icon for clear action indication
- Proper spacing and alignment in contact cards
DATA STRUCTURE:
- Extended Contact interface with naoStatus, invitedAt, joinedAt fields
- Sample data includes different membership states for testing
- Auto-navigation to invitation page with contact details pre-filled
FUNCTIONALITY:
- Invite button navigates to /invite with contact name and email pre-filled
- Status indicators help users quickly identify network coverage
- Maintains existing selection mode functionality for group invitations
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
Claude Code Assistant