marginTop: spacing()

in public/src/components/channelManagement/bannerTests/deployScheduleEditor.tsx [11:45]

• 30 lines of code
• 3 McCabe index (conditional complexity)

      marginTop: spacing(3),
    },
  },
}));

interface DeployScheduleEditorProps {
  deploySchedule?: BannerTestDeploySchedule;
  onDeployScheduleChange: (deploySchedule?: BannerTestDeploySchedule) => void;
  onValidationChange: (isValid: boolean) => void;
  isDisabled: boolean;
}

const DeployScheduleEditor: React.FC<DeployScheduleEditorProps> = ({
  deploySchedule,
  onDeployScheduleChange,
  onValidationChange,
  isDisabled,
}: DeployScheduleEditorProps) => {
  const classes = useStyles();

  const defaultValues: BannerTestDeploySchedule = {
    daysBetween: 1,
  };
  const { register, errors, handleSubmit } = useForm<BannerTestDeploySchedule>({
    mode: 'onChange',
    defaultValues,
  });

  useEffect(() => {
    const isValid = Object.keys(errors).length === 0 || !deploySchedule;
    onValidationChange(isValid);
  }, [errors.daysBetween]);

  const onRadioGroupChange = (event: React.ChangeEvent<HTMLInputElement>): void => {
    if (event.target.value === 'enabled') {