marginLeft: spacing()

in public/src/components/channelManagement/campaigns/StickyCampaignBar.tsx [48:109]
48 lines of code
3 McCabe index (conditional complexity)

      marginLeft: spacing(2),
    },
    marginLeft: spacing(1),
  },
  buttonText: {
    fontSize: '14px',
    fontWeight: 500,
    textTransform: 'uppercase',
    letterSpacing: '1px',
    color: palette.grey[800],
  },
  icon: {
    color: grey[700],
  },
  link: {
    marginLeft: spacing(2),
    padding: '0 8px',
    fontSize: '14px',
    fontWeight: 'normal',
    color: palette.grey[700],
    lineHeight: 1.5,
  },
  archiveToggleButton: {
    fontSize: '12px',
    marginTop: '8px',
  },
}));

interface StickyTopBarProps {
  name: string;
  nickname?: string;
  tests: Test[];
  showArchivedTests: boolean;
  setShowArchivedTests: (item: boolean) => void;
  updatePage: () => void;
}

const StickyTopBar: React.FC<StickyTopBarProps> = ({
  name,
  nickname,
  tests,
  updatePage,
  showArchivedTests,
  setShowArchivedTests,
}: StickyTopBarProps) => {
  const classes = useStyles();
  const mainHeader = nickname ? nickname : name;
  const secondaryHeader = nickname ? name : null;

  return (
    <header className={classes.container}>
      <div className={classes.namesContainer}>
        <Typography variant="h2" className={classes.mainHeader}>
          {mainHeader}
        </Typography>
        <div className={classes.secondaryHeaderContainer}>
          <Typography className={classes.secondaryHeader}>{secondaryHeader}</Typography>
          <Button
            className={classes.link}
            variant="outlined"
            startIcon={<Link />}
            onClick={() => {