[Profile] Improvement of "General Information" Page

[mehalyna]

As a Registered User,
I want to have enhanced input validation and guidance for the "Назва компанії" (Company Name) field,
So that I can provide accurate and compliant information for my company’s profile.

---

Acceptance Criteria:

1. Field: Назва компанії (Company Name)

• Character Limit Validation:

  • Input for the "Назва компанії" field is limited to 45 characters.
  • If the character limit is exceeded, an error message in Ukrainian is displayed:
    "Назва компанії не повинна перевищувати 45 символів." (Company name must not exceed 45 characters.)
  • Validation occurs in real-time as the user types.

• Tooltip:

  • A tooltip icon (?) is displayed next to the "Назва компанії" field.
  • When hovered, the tooltip displays a message in Ukrainian:
    "Назва буде використовуватися на картці компанії."
    (The name will be used on the company card.)

---

2. Field: Юридична назва компанії (Legal Company Name)

• Mandatory Field:
  • The "Юридична назва компанії" field is made mandatory.
  • If the field is left empty, an error message in Ukrainian is displayed:
    "Це поле є обов’язковим для заповнення."
    (This field is required.)
  • The form cannot be submitted without providing a valid entry for this field.

---

3. Save Button:

• Clicking "Зберегти" (Save) validates all input fields:
  • Ensures "Назва компанії" does not exceed 45 characters.
  • Checks that "Юридична назва компанії" is not empty.
• Displays a success message in Ukrainian upon successful save:
  "Дані успішно збережено." (Data successfully saved.)

---

4. UI Consistency:

• The tooltip and error messages are styled consistently with the rest of the form.
• Validation messages are displayed beneath the respective fields.

---

Success Metrics:

• Users are guided to input accurate data within the required format and character limit.
• The submission process prevents incomplete or invalid entries.
• Enhanced clarity and compliance with tooltips improve user understanding and satisfaction.

---

Mockup

---

Epic link E.g.: US #870