fleet/frontend/pages/Homepage
Martavis Parker 3575d34507
Refactor Redux-triggered flash message component (#4795)
* base logic to handle rendering a notification without redux

* removed dispatches for new flash mesage triggers

* query page wrapper is no longer needed

* refactored confirm invite page to remove redux

* refactored email token redirect to functional and typescript

* refactored pack composer page to functional and typescript

* clean up

* lint fixes

* tests no longer needed

* fixed confirm sso invite test

* test fix

* fixed test

* fixed tests

* removed redux from flash on rebased pages
2022-03-31 23:42:26 -07:00
..
cards Refactor Redux-triggered flash message component (#4795) 2022-03-31 23:42:26 -07:00
components/InfoCard New tooltips! (#4326) 2022-02-28 13:25:06 -08:00
_styles.scss Homepage refactor - MDM/Munki (#4038) 2022-02-07 23:03:01 -06:00
Homepage.tsx Remove new hosts count from homepage (#4283) 2022-02-17 17:27:29 -06:00
index.jsx Homepage Dashboard - New feature! (#1340) 2021-07-12 10:15:47 -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.