Short Name Details - Display CAS supplier number and email address for a short name.

[danaannab]

https://www.figma.com/design/Y1PWkuB8II5lxdDdUq67Aj/Electronic-Funds-Transfer?node-id=2899-24638&t=Pf154RjpPeMIrVoM-4

Add top right of a short name detail page, supplier record # and email address can be viewed and edited.

Look up pattern for Supplier number format

Assumes backend routes and data model is already covered by previous ticket #21535

[ethantspitt]

Do we want to set a limit to only certain user group can click edit?

[JohnamLane]

Hey team! Please add your planning poker estimate with Zenhub @avni-work @hanlunBCRegistries @Jxio @ochiu @rodrigo-barraza @seeker25

[lizhuomeng71]

Functionality looks good, and I can see the validation checks are in place. Please update the implementation to display an error message when validation fails.

[lizhuomeng71]

Bug Report: UI/UX and Validation Issues

Account Name:

Expected: Font size should be 24px, line height 32px.
Actual: Font size is 32px, line height is 40px.
Property (e.g., CAS Supplier Number: 4040):

Expected: Font size should be 18px.
Actual: Font size is 16px.
Edit Icon:

Expected: There should be a 16px gap before the edit icon, and the pencil icon should be unfilled.
Actual: There is no gap, and the pencil icon is filled.
Email Field - Initial Pop Up:

Expected: The email field should be in a clear state when first popped up.
Actual: The email field is in an error state when first popped up.
Email Field - Validation:

Expected: When validation fails, the user should not be able to save.
Actual: The user is still able to save, even when validation fails.
Email Field - Text Wrapping:

Expected: Long email addresses should wrap within the field.
Actual: Long email addresses start on a new line instead of wrapping.

[lizhuomeng71]

Everything is resolved except for the white header background height:

It should have a 40px padding at the bottom.
The height of the white background does not adjust when the email is too long and wraps to the second line.

[lizhuomeng71]

on test, I am still not able to view the new white space, was the latest change pushed?

[seeker25]

Look at the version number at the bottom of the footer, does it match the PR that mentions this issue?

[lizhuomeng71]

issue is verified