synapsecns/sanguine

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

Open

import React, { Fragment } from 'react'
import { Popover, Transition } from '@headlessui/react'
import { DocumentTextIcon, MenuIcon, XIcon } from '@heroicons/react/outline'
// import { useActiveWeb3React } from '@hooks/wallet/useActiveWeb3React'
import {

Function LandingNav has 99 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const LandingNav = () => {
  const topBarBtns = <TopBarButtons />
  const mobileBarBtns = <MobileBarButtons />
  const moreInfoBtns = <MoreInfoButtons />
  const socialBtns = <SocialButtons />

Function SocialButtons has 64 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SocialButtons = () => {
  return (
    <Grid cols={{ xs: 2, sm: 1 }} gapY={1}>
      <MiniInfoItem
        href={DOCS_URL}

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

Open

const MoreInfoItem: React.FC<MoreInfoItemProps> = ({
  to,
  labelText,
  description,
  className,

• Read up
  Read up

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

Open

const MiniInfoItem = ({ href, icon, labelText }) => {
  return (
    <a
      key={labelText}
      href={href}

• Read up
  Read up

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

Open

                <div className="-mr-2">
                  <Popover.Button
                    className={`
                        rounded-lg p-2 inline-flex items-center justify-center
                        text-gray-400 hover:text-gray-500 hover:bg-gray-100

• Read up
  Read up

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

Open

          <div className="items-center justify-center -mr-2 sm:flex lg:hidden">
            <Popover.Button
              className={`
                  rounded-lg p-2 inline-flex items-center justify-center
                  text-gray-400 hover:text-gray-500 hover:bg-gray-100

• Read up
  Read up

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

Open

    <Transition
      as={Fragment}
      enter="transition ease-out duration-200"
      enterFrom="opacity-0 translate-y-1"
      enterTo="opacity-100 translate-y-0"

• Read up
  Read up