marginLeft: spacing()

in public/src/components/channelManagement/testLiveSwitch.tsx [31:82]

• 46 lines of code
• 1 McCabe index (conditional complexity)

      marginLeft: spacing(1),
    },
  },
  onOffLabel: {
    fontSize: '14px',
    fontWeight: 500,
  },
  dialogHeader: {
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'space-between',
    paddingRight: '8px',
  },
}));

interface LiveSwitchProps {
  isLive: boolean;
  onChange: (isLive: boolean) => void;
  disabled: boolean;
}

const TestLiveSwitch: React.FC<LiveSwitchProps> = ({
  isLive,
  onChange,
  disabled,
}: LiveSwitchProps) => {
  const classes = useStyles();
  const [isOpen, open, close] = useOpenable();

  const onSubmit = () => {
    onChange(!isLive);
    close();
  };

  return (
    <div className={classes.container}>
      <Typography>Status on theguardian.com:</Typography>

      <div className={classes.switchContainer}>
        <Typography className={classes.onOffLabel}>Draft</Typography>
        <Switch checked={isLive} onChange={open} disabled={disabled} />
        <Typography className={classes.onOffLabel}>Live</Typography>

        <Dialog open={isOpen} onClose={close}>
          <div className={classes.dialogHeader}>
            <DialogTitle>Change test status</DialogTitle>
            <IconButton onClick={close} aria-label="close">
              <CloseIcon />
            </IconButton>
          </div>
          <DialogContent dividers>
            {`This will ${