Add a Dashboard page

[travjenkins]

Last Updated: Aug. 26, 2024

---

Create the foundation for a dashboard on the Welcome page.

Below are the base requirements for this feature:

• Allow the welcome section on the Welcome page to be hidden.

• Create a simple dashboard which consists of a tenant selector and three cards that surface relevant, entity-specific statistics. Relevant statistics are as follows:

  • Active entity count.

  • Data usage for the current month (which is only applicable to captures and materializations).

Design

Last Updated: Aug. 26, 2024

Welcome section | Open

Welcome section | Collapsed

Entity overview cards

NOTE: The page container in the client is styled as a card itself, therefore it was decided to add a border and background to the welcome section to distinguish it from dashboard elements.

References

Design

• Welcome Page Redesign | Latest. A set of mock ups depicting variations of the Welcome page that includes a collapsible welcome section as well as a basic dashboard. All frames highlighting the Welcome page are relevant to this issue.

• Welcome Page Designs | 2024-08-20. A set of mock ups depicting variations of the Welcome page that includes options for the content and layout of the welcome section as well as a basic dashboard. The frames relevant to this issue are titled WElcome page.

[travjenkins]

[jonwihl]

Revised requirements for first phase of the dashboard. Includes three cards [Collections, Captures, Destinations] and a historical graph of total data movement in Estuary.

[kiahna-tucker]

This feature is temporarily blocked. Backend support is required in order to implement the data trends chart in a performant manner (ref: flow issue 1545). Additionally, it is unclear how the existing welcome content will need to be adapted to accommodate the dashboard. An updated set of wireframes are underway.

[jonwihl]

Left: If no tasks have been configured
Right: After first task is set up