UI: Improve Error Message for Invalid Team Name Input about multi-juicer

[J12934]

Mhh that used to work, we have a specifc error message for that which used to be shown if the team name didn't match the regex in the frontend. https://github.com/juice-shop/multi-juicer/blob/main/juice-balancer/ui/src/pages/JoinPage.js#L14

[J12934]

This is how it looks for me (after pressing create=

[jonasbg]

I apologize for the confusion earlier. I had tested this on an older version 5.3.

I've now tested this on the latest version, ghcr.io/juice-shop/multi-juicer/juice-balancer:v7.0.0@sha256:3357a9aeb3f9d98017c14fc2d01589e12fe3d7a2c00ca9e37b18b5b2af45681e and I am getting the same screenshot as you are.

Tested with the following browsers:

• Firefox 117.0.1 (same result as you)
• Edge 117.0.2045.31 (same result as you)
• Safari 16.6 (Safari is unique in its own way)

The safari version is not as elegant as those other browsers, however.

Given that Safari tends to behave differently, this issue can be considered resolved from my perspective.

[stuebingerb]

This was fixed with #174 😉

I wonder if it would make sense to align the error message for this and #179, though, to have a consistent UI. But I'll leave this up to @J12934.

[J12934]

This was fixed with #174 😉

I wonder if it would make sense to align the error message for this and #179, though, to have a consistent UI. But I'll leave this up to @J12934.

Sorry I overlooked your comment earlier.

To me this is fine right now. I think having a different style for validation and for an actual error which was thrown for a valid input is totally fine.

I'm closing this ticket now. Thank you all for the input and feedback here 🙌