function FrameworkDropdown()

in src/components/Shared/FrameworkDropdown.tsx [32:71]

• 39 lines of code
• 2 McCabe index (conditional complexity)

function FrameworkDropdown({
  frameworkId,
  labelId,
  variant,
  size,
  onChange,
  mode,
}: FrameworkDropdownProps) {
  const onValueChange = (event: SelectChangeEvent) => {
    const id = +event.target.value as Framework['id'];
    onChange(id);
  };

  return (
    <Select
      data-testid='framework-select'
      value={frameworkId.toString()}
      labelId={labelId}
      className='framework-dropdown-select'
      onChange={onValueChange}
      name='framework'
      variant={variant}
      size={size}
      MenuProps={{
        classes: {
          paper: `paper-repo paper-${mode === 'light' ? 'light' : 'dark'}`,
        },
      }}
      inputProps={{
        'aria-label': 'Framework',
      }}
    >
      {sortedFrameworks.map(([id, name]) => (
        <MenuItem value={id} key={name} className={`framework-dropdown-item`}>
          {name}
        </MenuItem>
      ))}
    </Select>
  );
}