Frontend V2

Frontend V2

The team has been hard at work over the last few months to ship a complete redesign of the Clutch frontend.

V2 encompasses many changes, a complete list of which can be found here. Below is an attempt to highlight the most significant changes.

Changelog (1.x.x-beta):

Added

• Accordion & AccordionGroup components [735, 754]
• Alert component [842]
• Checkbox component [686]
• DialogContent & DialogActions components [731]
• Form [828]
• HorizontalRule component [723]
• Notifications component [696]
• Paper component [817]
• Radio component [728]
• Step & Stepper components [691]
• Switch component [763]
• Tab & Tabs components [810]

Changed

• Upgraded yarn to 1.22.5 [695]
• Transition and Button animations have been disabled globally [682, 687]
• Moved to @emotion for CSS styling
• Resize workflows validate max > min on input fields [865]
• App CSS changed [879]
• Drawer is always present on screen [758]
• UserInformation now displays a menu on click [782]

Breaking Changes

• Button [673]
  • Removed size & destructive props
  • Changed variant prop to be one of "neutral" | "primary" | "danger" | "destructive"
  • Added border prop
• ButtonGroup [797]
  • Removed buttons prop
  • children must be instance of Button component
  • Children are now right-aligned by default
• ClipboardButton [834]
  • Removed primary & size props
• Dialog [731]
  • Removed content & onClose props
  • children must be either DialogContent or DialogActions
• ExpandableRow renamed to AccordionRow [838]
• ExpandableTable & StatusRow removed [838]
• Link [827]
  • Removed maxWidth, fontSize, & padding props
  • Added textTransform prop
• MetadataTable [729]
  • Removed variant prop
• RadioGroup [829]
  • Removed maxWidth prop
• Select [722]
  • Removed maxWidth prop
  • Limited Material UI props to disabled & error
  • Added helperText prop
• Status renamed to StatusIcon [838]
• Table & TableRow [815]
  • Row renamed to TableRow
  • Removed data prop in lieu of children on not TableRow
  • Removed elevation prop from Table
  • Limited Material UI props to stickyHeader
• TextField [701]
  • Removed maxWidth prop
  • Limited Material UI props to defaultValue, disabled, endAdornment, error, helperText, id, inputRef, label, multiline, name, onChange, onFocus, onKeyDown, placeholder, readOnly, required, type, value
• Removed AdvanceButton & DestructiveButton [673]
• Renamed Card to LandingCard (interfaces as well) [742]
  • Removed titleColor, descriptionColor, & backgroundColor from CardProps (now LandingCardProps)
  • Added group prop
• Removed TrendingUpIcon component [818]
• @clutch-sh/envoy remote triage modules moved [840]

Known Issues

• Wizard steps do not persist previous form values on change
• Resolver error should render above paper
• Add back hotkey support