Skip to content

feat: WhatsApp Groups support — frontend#63

Merged
zuccoligerman merged 4 commits into
mainfrom
feature/groups-support
May 29, 2026
Merged

feat: WhatsApp Groups support — frontend#63
zuccoligerman merged 4 commits into
mainfrom
feature/groups-support

Conversation

@zuccoligerman

Copy link
Copy Markdown
Contributor

Summary

  • ChatListItem: Group icon badge on group conversations
  • ChatHeader: Group icon + "Grupo" label
  • New conversation: Tabs (Contacto/Grupo) with group creation form
    • Only available for Cloud API numbers (not Coexistence)
    • Creates group via whatsapp-management endpoint
  • Integration settings: Cloud API / Coexistence labels + warning for Coexistence users
  • i18n: English translations for all new strings

Companion PR

Backend: MirloLLC/wakit-api#29

Test plan

  • ChatListItem shows group icon for group conversations
  • ChatHeader shows "Grupo" for group conversations
  • New conversation shows Contacto/Grupo tabs when Cloud API number exists
  • No Grupo tab when only Coexistence numbers
  • Group creation form calls whatsapp-management endpoint
  • Integration settings shows "Cloud API" or "Coexistence" labels
  • Coexistence number shows warning about groups

🤖 Generated with Claude Code

German Zuccoli and others added 4 commits May 29, 2026 11:24
- ChatListItem: group icon badge on group conversations
- ChatHeader: group icon + "Grupo" label for group conversations
- New conversation: tabs (Contacto/Grupo), group creation form
  - Only available for Cloud API numbers (not Coexistence)
  - Creates group via whatsapp-management endpoint
- Integration settings: Cloud API / Coexistence labels
  - Warning note for Coexistence: groups not available
- English translations for all new strings

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Always show Contacto/Grupo tabs when WhatsApp numbers exist.
If only Coexistence numbers, show message explaining groups
require Cloud API.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Match the existing filter pill design (border, rounded-full)
instead of custom solid buttons.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Single number: shows info text. Multiple numbers: shows dropdown
to select which number creates the group.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

@zuccoligerman zuccoligerman left a comment

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Revisé el cambio (5 archivos, +208/-26). UI limpia para WhatsApp Groups:

  • ChatListItem/ChatHeader: Ícono de grupo (Users) + label "Grupo". Correcto, sigue patrones existentes.
  • New conversation: Tabs Contacto/Grupo con form de creación. Cloud API vs Coexistence detection correcta. useMutation para la llamada. Bien hecho.
  • Integration settings: Labels Cloud API/Coexistence + warning para usuarios de Coexistence. Correcto.
  • i18n: Traducciones en en.json completas.

Pregunta:

  1. En new.tsx, el form llama supabase.functions.invoke("whatsapp-management", { method: "POST", headers: { "x-action": "groups" }, body: {...} }). Pero en wakit-api#29 la ruta Hono es app.post("/whatsapp-management/groups", ...). ¿El header x-action: "groups" se traduce a la sub-ruta /groups en algún middleware? Si no, el request podría ir al root del Edge Function sin matchear la ruta de grupos.

No puedo aprobar (token=autor). — Atlas

@zuccoligerman zuccoligerman merged commit ef8e517 into main May 29, 2026
3 of 4 checks passed
@zuccoligerman zuccoligerman deleted the feature/groups-support branch May 31, 2026 20:21
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