Skip to content

[Good first issue]: Show country badge on organizer directory cards #29

Description

@FrankezeCode

Summary

Organizer cards show city/country as text only. Add a small visual badge (emoji, flag, or initials) to make the directory scannable.

What should change?

  • On each organizer card in src/app/organizers/page.tsx, add country indicator
  • Use simple mapping (e.g. Nigeria → 🇳🇬) or fallback circle with country code initial
  • Graceful fallback when country missing

Acceptance criteria

Visual badge appears on organizer cards,
No layout break on mobile,
Missing country doesn’t crash or look broken,

Checklist of done conditions:

  • Badge/emoji helper added (inline or small util)
  • Applied to organizer list cards
  • Fallback for unknown/missing country
  • Mobile layout checked

How to test

  1. Open /organizers with data
  2. Verify badges appear
  3. Test narrow screen width

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions