mirror of https://github.com/fleetdm/fleet synced 2026-05-24 09:28:54 +00:00

History

RachelElysia 0448ac1f95 Fleet UI: Fix dataset text alignment (#44659 )		2026-05-05 08:50:18 -04:00
..
cards	Fleet UI: Fix dataset text alignment (#44659 )	2026-05-05 08:50:18 -04:00
components	🤖 Switch InputField + InputFieldWithIcon JSX components to TS, add more test coverage, fix Storybook build (#43307 )	2026-04-09 08:41:48 -05:00
sections	Fleet UI: DEP issue dashboard and host filter (#41963 )	2026-03-19 06:44:34 -04:00
_styles.scss	Add dashboard charts frontend (#43878 )	2026-04-23 19:36:11 -05:00
DashboardPage.tsx	Fleet UI: Split out inventory vs. library team level views (#44467 )	2026-05-01 09:12:51 -04:00
helpers.ts	Update dashboard, manage hosts, and host details UI for Android MDM feature (#26577 )	2025-02-26 12:03:56 -06:00
index.tsx	Frontend tech debt: Change all references of homepage to dashboard (#8308 )	2022-10-24 16:06:23 -04:00
README.md	"Teams" => "fleets", "queries" => "reports" doc changes (#39585 )	2026-03-11 23:41:14 -05:00

README.md

Dashboard Notes

The dashboard is designed to contain a dynamic number of informational cards with dynamic layouts that are based on fleets (if any) and device platforms (macOS, Linux, Windows).

Architecture

Dashboard Wrapper
Components
Cards

Hompage Wrapper

The wrapper is a minimal file that instantiates all host values, cards, and layouts based on the fleet and platform selected. Cards are applied in a delcarative form, as functions, rather than components inserted in standard JSX. This is to enhance legibility as the number of cards grow.

Components

Local components that needed extracting to make the code more maintainable.

Cards

Each card design is placed in this directory. We anticipate creating more as the product gets more robust.