Display the data-plane name on the Overview tab of the Details page. This information will appear just above the connector name in the Details section.
Create a shared component that displays the data-plane icon and name.
Move the DataPlaneIcon component into a shared location.
Move formatDataPlaneName into the data-plane utils file. This function was minorly refactored as well.
Move the CardWrapper component into a shared location.
Correct the spacing between the CardWrapper header and content.
Tests
Manually tested
Approaches to testing are as follows:
Validate that the data-plane name appears on the Overview tab of the Details page.
Issues
The issues directly below are completely resolved by this PR: https://github.com/estuary/ui/issues/1277
Changes
1277
The following features are included in this PR:
Display the data-plane name on the Overview tab of the Details page. This information will appear just above the connector name in the Details section.
Create a shared component that displays the data-plane icon and name.
Move the
DataPlaneIconcomponent into a shared location.Move
formatDataPlaneNameinto the data-plane utils file. This function was minorly refactored as well.Move the
CardWrappercomponent into a shared location.Correct the spacing between the
CardWrapperheader and content.Tests
Manually tested
Approaches to testing are as follows:
Automated tests
Test coverage added for the following utils:
formatDataPlaneNamePlaywright tests ran locally
Screenshots
Entity Details page
Entity Details page | Scrolled