function ChannelCard()

in public/src/components/channelManagement/campaigns/ChannelCard.tsx [40:77]

36 lines of code
3 McCabe index (conditional complexity)


function ChannelCard({ channelData, tests }: ChannelCardProps): React.ReactElement {
  const classes = useStyles();

  const getKey = (test: Test) => {
    return `${channelData.name}|${test.name}`;
  };

  return (
    <div className={classes.channelContainer}>
      <div className={classes.channelHeading}>
        <div className={classes.channelTitle}>{channelData.name} channel</div>
        <Link className={classes.linkButton} key={channelData.name} to={`/${channelData.link}`}>
          <Button className={classes.linkButtonBackground} variant="contained">
            Go to {channelData.name} page
          </Button>
        </Link>
      </div>
      {tests.length > 0 ? (
        tests.map(test => {
          const key = getKey(test);
          return (
            <TestCard
              test={test}
              keyId={`${key}_LINK`}
              linkPath={`/${channelData.link}`}
              key={`${key}_CARD`}
            />
          );
        })
      ) : (
        <div className={classes.noTestsWarning}>
          No active Tests have been set up for this Channel.
        </div>
      )}
      {}
    </div>
  );
}