Skip to content

Conversation

@tompscanlan
Copy link
Contributor

Summary

  • Show specific error message when slug is already in use (409 conflict)
  • Highlight slug field with error state when conflict occurs
  • Navigate to public GroupPage after edit instead of staying on edit form

Changes

Error Handling (GroupFormComponent.vue)

  • Shows specific error message for slug conflicts: "Slug already in use. Please choose a different one."
  • Highlights the slug field in red when a conflict occurs
  • Scrolls to the slug field on error
  • Handles 403 (forbidden) and 422 (validation) errors appropriately

Navigation (useNavigation.ts)

  • After editing a group, now navigates to the public group page so users can see their changes
  • Previously stayed on the edit form which was confusing

Test plan

  • Navigation tests updated and passing
  • Manual test: Edit group slug to existing slug → should show error on slug field
  • Manual test: Successfully edit group → should navigate to group view page
  • CI passes

Related to: OpenMeet-Team/openmeet-api#444

- Show specific error message when slug is already in use (409 conflict)
- Highlight slug field with error state when conflict occurs
- Add handling for 403 (forbidden) and 422 (validation) errors
- Navigate to public GroupPage after edit instead of staying on edit form

This improves UX by:
1. Showing clear error messages for slug conflicts
2. Scrolling to and highlighting the slug field on error
3. Taking users to view their changes after saving instead of
   staying on the edit form

Update navigation tests to reflect new behavior.
@tompscanlan tompscanlan merged commit 921a435 into main Jan 6, 2026
3 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.

2 participants