marginRight: spacing()

in public/src/components/channelManagement/bannerDesigns/BannerDesignUsage.tsx [16:55]

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

      marginRight: spacing(2),
    },
  },
}));

interface Test {
  name: string;
  channel: string;
}

interface Props {
  designName: string;
}

export const BannerDesignUsage: React.FC<Props> = ({ designName }: Props) => {
  const localClasses = useLocalStyles();
  const [testNames, setTestNames] = useState<Test[]>([]);

  useEffect(() => {
    getBannerDesignUsage(designName).then(tests => setTestNames(tests));
  }, [designName]);

  const TestButton = (test: Test) => {
    const channelPart = test.channel === 'Banner1' ? 'banner-tests' : 'banner-tests2';
    const path = channelPart + '/' + test.name;
    return (
      <ListItemButton className={localClasses.item} href={`/${path}`} target="_blank">
        <OpenInNew />
        <ListItemText primary={test.name} />
      </ListItemButton>
    );
  };

  return (
    <List className={localClasses.list}>
      {testNames.length === 0
        ? 'Not currently used by any banner tests'
        : testNames.map(test => (
            <TestButton
              key={`${test.channel}/${test.name}`}