spherehq/sphere

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

Open

import * as React from 'react'
 
import { styled } from '@spherehq/geometry/Theme'
import { Container } from '@spherehq/geometry/Components/Container'
import { Box } from '@spherehq/geometry/Components/Box'

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

Open

        <MiniArticleList as="ul" flexDirection={`column`}>
          <ArticleListItem
            title={`Scientists Create Airplane That Can Land Itself on Any Runway`}
            link={''}
            linkAs={Link}

• Read up
  Read up

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

Open

        <MiniArticleList as="ul" flexDirection={`column`}>
          <ArticleListItem
            title={`Scientists Create Airplane That Can Land Itself on Any Runway`}
            link={''}
            linkAs={Link}

• Read up
  Read up

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

Open

      <StyledSignup px={8} order={{ xs: 1, md: 1, lg: 2 }}>
        <h3>Would you like to try it?</h3>
        <p style={{ fontSize: '16px' }}>
          We’re launching a private beta in <strong>Q2 2019</strong>, free for
          anyone interested, with a full release of the platform later in 2019.

• Read up
  Read up

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

Open

          <Author
            alignItems="center"
            justifyContent="center"
            flexDirection="column"
          >

• Read up
  Read up

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

Open

          <Author
            alignItems="center"
            justifyContent="center"
            flexDirection="column"
          >

• Read up
  Read up

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

Open

          <Author
            alignItems="center"
            justifyContent="center"
            flexDirection="column"
          >

• Read up
  Read up

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

Open

          <Author
            alignItems="center"
            justifyContent="center"
            flexDirection="column"
          >

• Read up
  Read up

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

Open

          <Author
            alignItems="center"
            justifyContent="center"
            flexDirection="column"
          >

• Read up
  Read up

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

Open

          <Author
            alignItems="center"
            justifyContent="center"
            flexDirection="column"
          >

• Read up
  Read up

Identical blocks of code found in 7 locations. Consider refactoring.

Open

          <ArticleListItem
            title={`Scientists Create Airplane That Can Land Itself on Any Runway`}
            summary={`Last week I was blogging about simple stuff with Brigade event
                  driven automation platform. Basically we did nothing similar
                  to real-life…`}

• Read up
  Read up

Identical blocks of code found in 7 locations. Consider refactoring.

Open

          <ArticleListItem
            title={`Scientists Create Airplane That Can Land Itself on Any Runway`}
            summary={`Last week I was blogging about simple stuff with Brigade event
                  driven automation platform. Basically we did nothing similar
                  to real-life…`}

• Read up
  Read up

Identical blocks of code found in 7 locations. Consider refactoring.

Open

          <ArticleListItem
            title={`Scientists Create Airplane That Can Land Itself on Any Runway`}
            summary={`Last week I was blogging about simple stuff with Brigade event
                  driven automation platform. Basically we did nothing similar
                  to real-life…`}

• Read up
  Read up

Identical blocks of code found in 7 locations. Consider refactoring.

Open

          <ArticleListItem
            title={`Scientists Create Airplane That Can Land Itself on Any Runway`}
            summary={`Last week I was blogging about simple stuff with Brigade event
                  driven automation platform. Basically we did nothing similar
                  to real-life…`}

• Read up
  Read up

Identical blocks of code found in 7 locations. Consider refactoring.

Open

          <ArticleListItem
            title={`Scientists Create Airplane That Can Land Itself on Any Runway`}
            summary={`Last week I was blogging about simple stuff with Brigade event
                  driven automation platform. Basically we did nothing similar
                  to real-life…`}

• Read up
  Read up

Identical blocks of code found in 7 locations. Consider refactoring.

Open

          <ArticleListItem
            title={`Scientists Create Airplane That Can Land Itself on Any Runway`}
            summary={`Last week I was blogging about simple stuff with Brigade event
                  driven automation platform. Basically we did nothing similar
                  to real-life…`}

• Read up
  Read up

Identical blocks of code found in 7 locations. Consider refactoring.

Open

          <ArticleListItem
            title={`Scientists Create Airplane That Can Land Itself on Any Runway`}
            summary={`Last week I was blogging about simple stuff with Brigade event
                  driven automation platform. Basically we did nothing similar
                  to real-life…`}

• Read up
  Read up

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

Open

const StyledPublishedAtBox = styled(Box)`
  span {
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;

• Read up
  Read up

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

Open

      <Box
        width={{ xs: 1, md: 1, lg: '60%' }}
        order={{ xs: 2, md: 2, lg: 1 }}
        pt={{ xs: 8, md: 0, lg: 0 }}
      >

• Read up
  Read up

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

Open

      <Box
        width={{ xs: 1, md: 1, lg: '40%' }}
        pt={{ xs: 0, md: 0, lg: 6 }}
        order={{ xs: 1, md: 1, lg: 2 }}
      >

• Read up
  Read up

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

Open

      <Box
        width={{ xs: 1, md: 1, lg: '50%' }}
        mr={{ xs: 0, md: 0, lg: 10 }}
        order={{ xs: 2, md: 2, lg: 1 }}
      >

• Read up
  Read up

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

Open

          <ContentBox
            width={{ xs: 1, md: 1, lg: '40%' }}
            px={{ xs: 6, md: 6, lg: 8 }}
            py={{ xs: 6, md: 6, lg: 6 }}
          >

• Read up
  Read up

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

Open

      <Box
        width={{ xs: 1, md: 1, lg: '80%', xl: '70%' }}
        pr={{ xs: 0, md: 8, lg: 8 }}
      >
        <FeaturedArticle

• Read up
  Read up

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

Open

      <Box
        width={{ xs: 1, md: 1, lg: '20%', xl: '30%' }}
        mt={{ xs: 8, md: 8, lg: 0 }}
      >
        <MiniArticleList as="ul" flexDirection={`column`}>

• Read up
  Read up