fix: standardize styled component file names and ignore them in codecov (#7113)

* fix: standardize styled component file names and ignore them in codecov

* Update codecov.yml
Co-authored-by: Zach Pomerantz <zzmp@uniswap.org>

---------
Co-authored-by: Zach Pomerantz <zzmp@uniswap.org>

codecov.yml

@@ -6,6 +6,7 @@ ignore:
   - "**/instrumented/**/*"
   - "**/styles/**/*"
   - "styles/**/*"
+  - "**/styled.tsx"
   - "**/constants/**/*"
   - "constants/**/*"
 

src/components/PositionCard/Sushi.tsx

@@ -14,7 +14,7 @@ import { AutoColumn } from '../Column'
 import DoubleCurrencyLogo from '../DoubleLogo'
 import { CardNoise } from '../earn/styled'
 import { AutoRow, RowFixed } from '../Row'
-import { Dots } from '../swap/styleds'
+import { Dots } from '../swap/styled'
 import { FixedHeightRow } from '.'
 
 const StyledPositionCard = styled(LightCard)<{ bgColor: any }>`

src/components/PositionCard/V2.tsx

@@ -23,7 +23,7 @@ import DoubleCurrencyLogo from '../DoubleLogo'
 import { CardNoise } from '../earn/styled'
 import CurrencyLogo from '../Logo/CurrencyLogo'
 import { AutoRow, RowBetween, RowFixed } from '../Row'
-import { Dots } from '../swap/styleds'
+import { Dots } from '../swap/styled'
 import { FixedHeightRow } from '.'
 
 const StyledPositionCard = styled(LightCard)<{ bgColor: any }>`

src/components/PositionCard/index.tsx

@@ -24,7 +24,7 @@ import DoubleCurrencyLogo from '../DoubleLogo'
 import { CardNoise } from '../earn/styled'
 import CurrencyLogo from '../Logo/CurrencyLogo'
 import { AutoRow, RowBetween, RowFixed } from '../Row'
-import { Dots } from '../swap/styleds'
+import { Dots } from '../swap/styled'
 
 export const FixedHeightRow = styled(RowBetween)`
   height: 24px;

src/components/SearchModal/CurrencyList/index.tsx

@@ -20,7 +20,7 @@ import Column, { AutoColumn } from '../../Column'
 import CurrencyLogo from '../../Logo/CurrencyLogo'
 import Row, { RowFixed } from '../../Row'
 import { MouseoverTooltip } from '../../Tooltip'
-import { LoadingRows, MenuItem } from '../styleds'
+import { LoadingRows, MenuItem } from '../styled'
 import { scrollbarStyle } from './index.css'
 
 function currencyKey(currency: Currency): string {

src/components/SearchModal/CurrencySearch.tsx

@@ -28,7 +28,7 @@ import Row, { RowBetween } from '../Row'
 import CommonBases from './CommonBases'
 import { CurrencyRow, formatAnalyticsEventProperties } from './CurrencyList'
 import CurrencyList from './CurrencyList'
-import { PaddedColumn, SearchInput, Separator } from './styleds'
+import { PaddedColumn, SearchInput, Separator } from './styled'
 
 const ContentWrapper = styled(Column)`
   background-color: ${({ theme }) => theme.backgroundSurface};

src/components/swap/SwapModalFooter.tsx

@@ -24,7 +24,7 @@ import { getPriceImpactWarning } from 'utils/prices'
 import { ButtonError, SmallButtonPrimary } from '../Button'
 import Row, { AutoRow, RowBetween, RowFixed } from '../Row'
 import { GasBreakdownTooltip } from './GasBreakdownTooltip'
-import { SwapCallbackError, SwapShowAcceptChanges } from './styleds'
+import { SwapCallbackError, SwapShowAcceptChanges } from './styled'
 import { Label } from './SwapModalHeaderAmount'
 
 const DetailsContainer = styled(Column)`

src/components/swap/SwapSkeleton.tsx

@@ -4,7 +4,7 @@ import { ArrowDown } from 'react-feather'
 import styled, { useTheme } from 'styled-components'
 import { ThemedText } from 'theme'
 
-import { ArrowWrapper } from './styleds'
+import { ArrowWrapper } from './styled'
 
 const StyledArrowWrapper = styled(ArrowWrapper)`
   position: absolute;

src/pages/AddLiquidity/index.tsx

@@ -63,7 +63,7 @@ import approveAmountCalldata from '../../utils/approveAmountCalldata'
 import { calculateGasMargin } from '../../utils/calculateGasMargin'
 import { currencyId } from '../../utils/currencyId'
 import { maxAmountSpend } from '../../utils/maxAmountSpend'
-import { Dots } from '../Pool/styleds'
+import { Dots } from '../Pool/styled'
 import { Review } from './Review'
 import {
   CurrencyDropdown,

src/pages/AddLiquidityV2/index.tsx

@@ -45,7 +45,7 @@ import { calculateSlippageAmount } from '../../utils/calculateSlippageAmount'
 import { currencyId } from '../../utils/currencyId'
 import { maxAmountSpend } from '../../utils/maxAmountSpend'
 import AppBody from '../AppBody'
-import { Dots, Wrapper } from '../Pool/styleds'
+import { Dots, Wrapper } from '../Pool/styled'
 import { ConfirmAddModalBottom } from './ConfirmAddModalBottom'
 import { PoolPriceBar } from './PoolPriceBar'
 

src/pages/CreateProposal/ProposalActionSelector.tsx

@@ -3,7 +3,7 @@ import { ButtonDropdown } from 'components/Button'
 import Column from 'components/Column'
 import Modal from 'components/Modal'
 import { RowBetween } from 'components/Row'
-import { MenuItem, PaddedColumn, Separator } from 'components/SearchModal/styleds'
+import { MenuItem, PaddedColumn, Separator } from 'components/SearchModal/styled'
 import React, { useCallback } from 'react'
 import { Text } from 'rebass'
 import styled from 'styled-components'

src/pages/CreateProposal/index.tsx

@@ -10,7 +10,7 @@ import { BlueCard } from 'components/Card'
 import { AutoColumn } from 'components/Column'
 import JSBI from 'jsbi'
 import tryParseCurrencyAmount from 'lib/utils/tryParseCurrencyAmount'
-import { Wrapper } from 'pages/Pool/styleds'
+import { Wrapper } from 'pages/Pool/styled'
 import { useCallback, useMemo, useState } from 'react'
 import { ArrowLeft } from 'react-feather'
 import { Link } from 'react-router-dom'

src/pages/MigrateV2/MigrateV2Pair.tsx

@@ -13,7 +13,7 @@ import FeeSelector from 'components/FeeSelector'
 import RangeSelector from 'components/RangeSelector'
 import RateToggle from 'components/RateToggle'
 import SettingsTab from 'components/Settings'
-import { Dots } from 'components/swap/styleds'
+import { Dots } from 'components/swap/styled'
 import { V2Unsupported } from 'components/V2Unsupported'
 import { ApprovalState, useApproveCallback } from 'hooks/useApproveCallback'
 import useCurrentBlockTimestamp from 'hooks/useCurrentBlockTimestamp'

src/pages/MigrateV2/index.tsx

@@ -18,7 +18,7 @@ import { LightCard } from '../../components/Card'
 import { AutoColumn } from '../../components/Column'
 import QuestionHelper from '../../components/QuestionHelper'
 import { AutoRow } from '../../components/Row'
-import { Dots } from '../../components/swap/styleds'
+import { Dots } from '../../components/swap/styled'
 import { useTokenBalancesWithLoadingIndicator } from '../../state/connection/hooks'
 import { toV2LiquidityToken, useTrackedTokenPairs } from '../../state/user/hooks'
 import { BackArrowLink, StyledInternalLink, ThemedText } from '../../theme'

src/pages/Pool/PositionPage.tsx

@@ -15,7 +15,7 @@ import DoubleCurrencyLogo from 'components/DoubleLogo'
 import { LoadingFullscreen } from 'components/Loader/styled'
 import CurrencyLogo from 'components/Logo/CurrencyLogo'
 import { RowBetween, RowFixed } from 'components/Row'
-import { Dots } from 'components/swap/styleds'
+import { Dots } from 'components/swap/styled'
 import Toggle from 'components/Toggle'
 import TransactionConfirmationModal, { ConfirmationModalContent } from 'components/TransactionConfirmationModal'
 import { CHAIN_IDS_TO_NAMES, isSupportedChain } from 'constants/chains'
@@ -50,7 +50,7 @@ import { usePositionTokenURI } from '../../hooks/usePositionTokenURI'
 import { TransactionType } from '../../state/transactions/types'
 import { calculateGasMargin } from '../../utils/calculateGasMargin'
 import { ExplorerDataType, getExplorerLink } from '../../utils/getExplorerLink'
-import { LoadingRows } from './styleds'
+import { LoadingRows } from './styled'
 
 const PositionPageButtonPrimary = styled(ButtonPrimary)`
   width: 228px;

src/pages/Pool/index.tsx

@@ -23,7 +23,7 @@ import { HideSmall, ThemedText } from 'theme'
 import { PositionDetails } from 'types/position'
 
 import CTACards from './CTACards'
-import { LoadingRows } from './styleds'
+import { LoadingRows } from './styled'
 
 const PageWrapper = styled(AutoColumn)`
   padding: 68px 8px 0px;

src/pages/Pool/v2.tsx

@@ -18,7 +18,7 @@ import { AutoColumn } from '../../components/Column'
 import { CardBGImage, CardNoise, CardSection, DataCard } from '../../components/earn/styled'
 import FullPositionCard from '../../components/PositionCard'
 import { RowBetween, RowFixed } from '../../components/Row'
-import { Dots } from '../../components/swap/styleds'
+import { Dots } from '../../components/swap/styled'
 import { SwitchLocaleLink } from '../../components/SwitchLocaleLink'
 import { BIG_INT_ZERO } from '../../constants/misc'
 import { useV2Pairs } from '../../hooks/useV2Pairs'

src/pages/PoolFinder/index.tsx

@@ -29,7 +29,7 @@ import { StyledInternalLink } from '../../theme'
 import { ThemedText } from '../../theme'
 import { currencyId } from '../../utils/currencyId'
 import AppBody from '../AppBody'
-import { Dots } from '../Pool/styleds'
+import { Dots } from '../Pool/styled'
 
 enum Fields {
   TOKEN0 = 0,

src/pages/RemoveLiquidity/index.tsx

@@ -29,7 +29,7 @@ import { AddRemoveTabs } from '../../components/NavigationTabs'
 import { MinimalPositionCard } from '../../components/PositionCard'
 import Row, { RowBetween, RowFixed } from '../../components/Row'
 import Slider from '../../components/Slider'
-import { Dots } from '../../components/swap/styleds'
+import { Dots } from '../../components/swap/styled'
 import TransactionConfirmationModal, { ConfirmationModalContent } from '../../components/TransactionConfirmationModal'
 import { WRAPPED_NATIVE_CURRENCY } from '../../constants/tokens'
 import { useCurrency } from '../../hooks/Tokens'
@@ -47,7 +47,7 @@ import { calculateGasMargin } from '../../utils/calculateGasMargin'
 import { calculateSlippageAmount } from '../../utils/calculateSlippageAmount'
 import { currencyId } from '../../utils/currencyId'
 import AppBody from '../AppBody'
-import { ClickableText, MaxButton, Wrapper } from '../Pool/styleds'
+import { ClickableText, MaxButton, Wrapper } from '../Pool/styled'
 
 const DEFAULT_REMOVE_LIQUIDITY_SLIPPAGE_TOLERANCE = new Percent(5, 100)
 

src/pages/RemoveLiquidity/styled.ts → src/pages/RemoveLiquidity/styled.tsx

-import { MaxButton } from 'pages/Pool/styleds'
+import { MaxButton } from 'pages/Pool/styled'
 import { Text } from 'rebass'
 import styled from 'styled-components'
 

src/pages/Swap/UniswapXOptIn.tsx

@@ -13,7 +13,7 @@ import {
   UniswapXOptInLargeContainer,
   UniswapXOptInLargeContainerPositioner,
   UniswapXShine,
-} from 'components/swap/styleds'
+} from 'components/swap/styled'
 import { formatCommonPropertiesForTrade } from 'lib/utils/analytics'
 import { PropsWithChildren, useEffect, useRef, useState } from 'react'
 import { X } from 'react-feather'

src/pages/Swap/index.tsx

@@ -24,7 +24,7 @@ import confirmPriceImpactWithoutFee from 'components/swap/confirmPriceImpactWith
 import ConfirmSwapModal from 'components/swap/ConfirmSwapModal'
 import PriceImpactModal from 'components/swap/PriceImpactModal'
 import PriceImpactWarning from 'components/swap/PriceImpactWarning'
-import { ArrowWrapper, PageWrapper, SwapWrapper } from 'components/swap/styleds'
+import { ArrowWrapper, PageWrapper, SwapWrapper } from 'components/swap/styled'
 import SwapDetailsDropdown from 'components/swap/SwapDetailsDropdown'
 import SwapHeader from 'components/swap/SwapHeader'
 import { SwitchLocaleLink } from 'components/SwitchLocaleLink'