airbnb/caravel

File index.tsx has 704 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file

Function Home has 277 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Home(): JSX.Element {
  const slider = useRef(null);

  const [slideIndex, setSlideIndex] = useState(0);

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const changeToLight = () => {
    const navbar = document.body.querySelector('.navbar');
    const logo = document.body.querySelector('.navbar__logo img');
    navbar.classList.remove('navbar--dark');
    logo.setAttribute('src', '/img/superset-logo-horiz.svg');

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const changeToDark = () => {
    const navbar = document.body.querySelector('.navbar');
    const logo = document.body.querySelector('.navbar__logo img');
    navbar.classList.add('navbar--dark');
    logo.setAttribute('src', '/img/superset-logo-horiz-dark.svg');

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

              <li
                className={`toggle ${slideIndex === 1 ? 'active' : null}`}
                onClick={() => slider.current.goTo(1)}
                role="button"
              >

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

              <li
                className={`toggle ${slideIndex === 0 ? 'active' : null}`}
                onClick={() => slider.current.goTo(0)}
                role="button"
              >

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

              <li
                className={`toggle ${slideIndex === 2 ? 'active' : null}`}
                onClick={() => slider.current.goTo(2)}
                role="button"
              >

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

              <li
                className={`toggle ${slideIndex === 3 ? 'active' : null}`}
                onClick={() => slider.current.goTo(3)}
                role="button"
              >

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

              <div className="item">
                <img src="/img/check-icon.svg" alt="check-icon" />
                <div>
                  <strong>Virtual datasets</strong> for ad-hoc data exploration
                </div>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

              <div className="item">
                <img src="/img/check-icon.svg" alt="check-icon" />
                <div>
                  <strong>40+ pre-installed visualizations</strong>
                </div>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

              <div className="item">
                <img src="/img/check-icon.svg" alt="check-icon" />
                <div>
                  <strong>Jinja templating and dashboard filters</strong> for
                  creating interactive dashboards

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

              <div className="item">
                <img src="/img/check-icon.svg" alt="check-icon" />
                <div>
                  <strong>Data caching</strong> for the faster load time of
                  charts and dashboards

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

              <div className="item">
                <img src="/img/check-icon.svg" alt="check-icon" />
                <div>
                  <strong>CSS templates</strong> to customize charts and
                  dashboards to your brand’s look and feel

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

              <div className="item">
                <img src="/img/check-icon.svg" alt="check-icon" />
                <div>
                  <strong>Semantic layer</strong> for SQL data transformations
                </div>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const StyledFeaturesList = styled('ul')`
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const StyledTitleContainer = styled('div')`
  position: relative;
  padding: 130px 20px 0;
  margin-bottom: 160px;
  background-image: url('/img/grid-background.jpg');

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

              <span className="github-button">
                <GitHubButton
                  href="https://github.com/apache/superset"
                  data-size="large"
                  data-show-count="true"

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

              <span className="github-button">
                <GitHubButton
                  href="https://github.com/apache/superset/fork"
                  data-size="large"
                  data-show-count="true"

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

              <span className="github-button">
                <GitHubButton
                  href="https://github.com/apache/superset/subscription"
                  data-size="large"
                  data-show-count="true"

• Read up
  Read up