fleet/frontend/pages/Homepage
2022-06-10 13:29:45 -05:00
..
cards Improve live query UX (#5749) 2022-06-10 13:29:45 -05:00
components/InfoCard Update API token modal to include more information (#5994) 2022-06-02 18:03:03 -05:00
_styles.scss Include MIA hosts under total count for Offline hosts (#5854) 2022-05-23 14:11:02 -05:00
Homepage.tsx Improve live query UX (#5749) 2022-06-10 13:29:45 -05:00
index.tsx Removed all traces of Redux from the app! (#5287) 2022-04-22 09:45:35 -07:00
README.md Docs for new patterns (#4438) 2022-03-07 11:35:26 -08:00

Homepage Notes

The homepage 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

  • Homepage 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.