Create a foundation for the dashboard which will be added to the existing Welcome page.
Implement the entity statistic overview cards as shown on the latest set of mockups.
Tests
Manually tested
Approaches to testing are as follows:
Validate that the welcome section is displayed by default.
Validate that the welcome section can be closed and reopened.
Validate that the entity statistic cards display data relevant to the selected tenant.
Automated tests
N/A
Playwright tests ran locally
[x] Admin
[x] Captures
[x] Collections
[x] HomePage
[x] Login
[ ] Materialization
Screenshots
Welcome Section
Section hidden | Light mode
Section displayed | Light mode
Section hidden | Dark mode
Section displayed | Dark mode
Dashboard
Loading state
Unable to fetch the monthly data usage
Unable to fetch the number of active entities
NOTE: The monthly usage statistic uses the same tooltips as the statistic cells of the entity table. A tooltip reading ${byte_usage} Bytes Written (for captures) or ${byte_usage} Bytes Read (for materializations) is shown when the call succeeds; a tooltip reading Failed to fetch stats. is shown when the call fails.
Issues
The issues directly below are advanced by this PR: https://github.com/estuary/ui/issues/1165
Changes
1165
The following features are included in this PR:
Create a foundation for the dashboard which will be added to the existing Welcome page.
Implement the entity statistic overview cards as shown on the latest set of mockups.
Tests
Manually tested
Approaches to testing are as follows:
Validate that the welcome section is displayed by default.
Validate that the welcome section can be closed and reopened.
Validate that the entity statistic cards display data relevant to the selected tenant.
Automated tests
N/A
Playwright tests ran locally
Screenshots
Welcome Section
Section hidden | Light mode
Section displayed | Light mode
Section hidden | Dark mode
Section displayed | Dark mode
Dashboard
Loading state
Unable to fetch the monthly data usage
Unable to fetch the number of active entities
NOTE: The monthly usage statistic uses the same tooltips as the statistic cells of the entity table. A tooltip reading
${byte_usage} Bytes Written(for captures) or${byte_usage} Bytes Read(for materializations) is shown when the call succeeds; a tooltip readingFailed to fetch stats.is shown when the call fails.