function ShowcaseMultipleWebsites()

in website/src/components/gallery/ShowcaseMultipleAuthors/index.tsx [17:112]
96 lines of code
6 McCabe index (conditional complexity)

function ShowcaseMultipleWebsites(
  key: number,
  authorName: string,
  websiteLink: string,
  length: number,
  i: number,
  cardPanel: boolean,
  colorMode: string
) {
  if (i != length - 1) {
    return cardPanel ? (
      <FluentUILink
        key={i}
        href={websiteLink}
        className={styles.cardAuthorPanel}
        target="_blank"
        style={{
          display: "flex",
          alignItems: "center",
          columnGap: "5px",
          fontSize: "14px",
          fontWeight: "400",
          flexShrink: 0,
        }}
      >
        {authorName}
        {colorMode != "dark" ? (
          <img
            src={useBaseUrl("/img/redirect.svg")}
            alt="Redirect"
            height={13}
          />
        ) : (
          <img
            src={useBaseUrl("/img/redirectDark.svg")}
            alt="Redirect"
            height={13}
          />
        )}
        ,
      </FluentUILink>
    ) : (
      <FluentUILink
        key={i}
        className={styles.cardAuthor}
        href={websiteLink}
        target="_blank"
        style={{ flexShrink: 0, fontSize: "12px" }}
      >
        {authorName},
      </FluentUILink>
    );
  } else {
    return cardPanel ? (
      <FluentUILink
        key={i}
        className={styles.cardAuthorPanel}
        href={websiteLink}
        target="_blank"
        style={{
          display: "flex",
          alignItems: "center",
          columnGap: "5px",
          fontSize: "14px",
          fontWeight: "400",
          flexShrink: 0,
        }}
      >
        {authorName}
        {colorMode != "dark" ? (
          <img
            src={useBaseUrl("/img/redirect.svg")}
            alt="Redirect"
            height={13}
          />
        ) : (
          <img
            src={useBaseUrl("/img/redirectDark.svg")}
            alt="Redirect"
            height={13}
          />
        )}
      </FluentUILink>
    ) : (
      <FluentUILink
        key={i}
        className={styles.cardAuthor}
        href={websiteLink}
        target="_blank"
        style={{ flexShrink: 0, fontSize: "12px" }}
      >
        {authorName}
      </FluentUILink>
    );
  }
}