export default function ShowcaseCards()

in website/src/pages/ShowcaseCards.tsx [13:49]

• 36 lines of code
• 6 McCabe index (conditional complexity)

export default function ShowcaseCards({
  filteredUsers,
}: {
  filteredUsers: User[];
}) {
  const len = filteredUsers ? filteredUsers.length : 0;
  if (len === 0) {
    return <ShowcaseEmptyResult id="showcase.usersList.noResult" />;
  }

  return (
    <section>
      <div className={styles.showcaseFavorite}>
        <div className={styles.showcaseList}>
          {filteredUsers.map((user, index) => (
            <React.Fragment key={index}>
              {(len < 6 && index === len - 1) || index === 4 ? (
                <React.Fragment key="cardWithSurveyCard">
                  <React.Fragment key={user.title}>
                    <ShowcaseCard user={user} />
                  </React.Fragment>
                  <React.Fragment key="fragment_surveyCard">
                    <ShowcaseSurveyCard />
                  </React.Fragment>
                </React.Fragment>
              ) : (
                <React.Fragment key={user.title}>
                  <ShowcaseCard user={user} />
                </React.Fragment>
              )}
            </React.Fragment>
          ))}
        </div>
      </div>
    </section>
  );
}