fleet/frontend/pages/DashboardPage
Victor Lyuboslavsky 698e9e80fe
Added activity item for fleetd enrollment with host serial and display name. (#23790)
#22810 

# Demo
[![22810
demo](http://img.youtube.com/vi/le71QQ92suc/0.jpg)](http://www.youtube.com/watch?v=le71QQ92suc)

# Checklist for submitter

- [x] Changes file added for user-visible changes in `changes/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
See [Changes
files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/Committing-Changes.md#changes-files)
for more information.
- [x] Added support on fleet's osquery simulator `cmd/osquery-perf` for
new osquery data ingestion features.
- [x] Added/updated tests
- [x] Manual QA for all new/changed functionality
- For Orbit and Fleet Desktop changes:
- [x] Orbit runs on macOS, Linux and Windows. Check if the orbit
feature/bugfix should only apply to one platform (`runtime.GOOS`).
- [x] Manual QA must be performed in the three main OSs, macOS, Windows
and Linux.
- [x] Auto-update manual QA, from released version of component to new
version (see [tools/tuf/test](../tools/tuf/test/README.md)).
2024-11-18 15:51:36 -06:00
..
cards Added activity item for fleetd enrollment with host serial and display name. (#23790) 2024-11-18 15:51:36 -06:00
components Fleet UI: Disabled forms cannot be accessed via keyboard (#23727) 2024-11-13 15:38:28 -05:00
_styles.scss Fleet UI: [released tiny bug] Fix dashboard double scroll bar (#13309) 2023-08-18 09:15:44 -04:00
DashboardPage.tsx Record activity when activity automations are enabled/edited/disabled (#23477) 2024-11-08 09:07:56 -06:00
helpers.ts Frontend of iOS/iPadOS as platforms/labels (#20157) 2024-07-09 09:18:00 -04:00
index.tsx Frontend tech debt: Change all references of homepage to dashboard (#8308) 2022-10-24 16:06:23 -04:00
README.md Frontend tech debt: Change all references of homepage to dashboard (#8308) 2022-10-24 16:06:23 -04:00

Dashboard Notes

The dashboard is designed to contain a dynamic number of informational cards with dynamic layouts that are based on teams (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 team 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.