Component Architecture

This page provides an overview of Pavewise's front end "component system"

// TODO

• "Generic-first" approach ("database" components, local components, etc.)

• NounAdjective

  • MuiName + Adjective

  • ...

• ...

---

• Utility/reusable components are named with NounAdjective format (or more directly, ComponentAdjective) (an Adjective does not need to be present; just Noun is ok)

  • Noun

    • Table.tsx

    • FormCRUD.tsx

  • ChartBase (NounAdjective)

    • Page-related: ChartProject, ChartProductionOverall, ...

  • ModalBase (NounAdjective)

    • Utility-related (building utility on top of utility): ModalCRUD

      (also exists in /src/components/)

  • Styled MUI components:

    • IconButton base: IconButtonCreate, IconButtonClose, ...

    • Button base: ButtonCancel, ButtonSubmit, ...

    • Typography base: TypographyError, ...