function App()

in packages/showcase/showcase-app.js [107:159]

• 49 lines of code
• 10 McCabe index (conditional complexity)

function App(props) {
  const {forExample} = props;
  const linkedSection = location.href.split('/#')[1];
  const foundSection = sectionNames.find(
    section => section.link === linkedSection
  );

  const filteredSections = sectionNames
    .filter(section => {
      // if at http://localhost:3001/, just return everything
      if (!linkedSection) {
        return section.showByDefault;
      }
      const showThisSection =
        foundSection && section.link === foundSection.link;
      const showDefaultSections =
        (!foundSection || foundSection.root) && section.showByDefault;

      return showThisSection || showDefaultSections;
    })
    .map(section => {
      if (section.label || section.root) {
        return <div key={`${section.name}-showcase`} />;
      }
      return <section.showcase key={`${section.name}-showcase`} />;
    });
  return (
    <main>
      {!forExample && (
        <header>
          <div className="header-contents">
            <a className="header-logo" href="#">
              react-vis
            </a>
            <ShowcaseDropdown
              items={sectionNames.map(section => {
                const {label, link, name} = section;
                const content = label ? (
                  <div className="subsection-label">{name}</div>
                ) : (
                  <a href={`#${link}`}>{name}</a>
                );

                return <li key={name}>{content}</li>;
              })}
            />
          </div>
        </header>
      )}
      {filteredSections}
    </main>
  );
}