diff --git a/src/nft/components/icons.css.ts b/src/nft/components/icons.css.ts deleted file mode 100644 index 0de6187b05..0000000000 --- a/src/nft/components/icons.css.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { keyframes, style } from '@vanilla-extract/css' - -const rotate = keyframes({ - from: { - transform: 'rotate(0deg)', - }, - to: { - transform: 'rotate(360deg)', - }, -}) -export const clockSpinArrows = style({ - animation: `${rotate} 1s linear infinite`, - transformOrigin: '50% 50%', -}) diff --git a/src/nft/components/icons.tsx b/src/nft/components/icons.tsx index 258d19b1f7..414fdcec8b 100644 --- a/src/nft/components/icons.tsx +++ b/src/nft/components/icons.tsx @@ -1,73 +1,9 @@ -import clsx from 'clsx' import React from 'react' import { themeVars, vars } from '../css/sprinkles.css' -import * as styles from './icons.css' type SVGProps = React.SVGProps -export const LogoIcon = (props: SVGProps) => ( - - - - - - - - - - - - - - -) - export const UniIcon = (props: SVGProps) => ( ( ) -export const UniIconMobile = (props: SVGProps) => ( - - - -) - -export const UniIconSmall = (props: SVGProps) => ( - - - -) - -export const ListBulletRectanglePortraitIcon = (props: SVGProps) => ( - - - -) - -export const ChevronBackwardIcon = (props: SVGProps) => ( - - - -) - export const ChevronUpIcon = ({ secondaryColor, secondaryWidth, @@ -147,13 +43,6 @@ export const ChevronUpIcon = ({ ) -export const Eth2Icon = (props: SVGProps) => ( - - - - -) - export const BackArrowIcon = (props: SVGProps) => ( @@ -208,29 +97,6 @@ export const SuspiciousIcon = (props: SVGProps) => ( ) -export const ClockSpin = ({ loading, ...props }: SVGProps & { loading: boolean }) => ( - - - - -) - -export const CheckmarkDiamondIcon = (props: SVGProps) => ( - - - -) - export const XMarkIcon = (props: SVGProps) => ( ( ) -export const MinusCircleIcon = (props: SVGProps) => ( - - - - -) - export const ExternalIcon = (props: SVGProps) => ( ( ) -export const ChevronRightIcon = (props: SVGProps) => ( - - - -) - -export const WalletChainIcon = (props: SVGProps) => ( - - - -) - -export const NewTabIcon = (props: SVGProps) => ( - - - - -) - export const LightningBoltIcon = (props: SVGProps) => ( ( ) -export const DownloadIcon = (props: SVGProps) => ( - - - - -) - export const SweepIcon = (props: SVGProps) => ( ( ) -export const RefreshIcon = (props: SVGProps) => ( - - - -) - export const CopyIcon = (props: SVGProps) => ( ( ) -export const GenieIcon = (props: SVGProps) => ( - - - - - - - - -) - export const CrossIcon = (props: SVGProps) => ( ( ) -export const ListingMinusIcon = (props: SVGProps) => ( - - - -) - -export const NonRarityIcon = (props: SVGProps) => { - return ( - - - - ) -} - -export const NonRarityIconFilled = (props: SVGProps) => { - return ( - - - - ) -} - -export const RarityIcon = (props: SVGProps) => { - return ( - - - - ) -} - -export const ClockIconFilled = (props: SVGProps) => { - return ( - - - - ) -} - export const ArrowsIcon = () => ( ( ) -export const ListingEqualsIcon = (props: SVGProps) => ( - - - -) - export const ReversedArrowsIcon = () => ( ( ) -export const ShoppingCartIcon = (props: SVGProps) => ( - - - -) export const RarityVerifiedIcon = () => ( ( ) -export const BlankProfileIcon = (props: SVGProps) => ( - - - -) - -export const GemIcon = () => ( - - - - - - - - - -) - -export const PlusThinWhiteIcon = () => ( - - - -) -export const SamePriceIcon = () => ( - - - -) - -export const FloorPriceIcon = () => ( - - - -) - -export const PrevListingIcon = () => ( - - - - -) - export const EditPriceIcon = (props: SVGProps) => ( ( ) -export const CloseDropDownIcon = (props: SVGProps) => ( - - - -) - export const ShareIcon = () => ( ( ) -export const BagFillIcon = (props: SVGProps) => ( - - - -) - -export const TagFillIcon = (props: SVGProps) => ( - - - -) - -export const PaintPaletteIcon = () => ( - - - -) - -export const PaintPaletteIconFilled = (props: SVGProps) => ( - - - -) - -export const DollarSignIcon = () => ( - - - -) - export const ClockIcon = () => ( ( ) -export const EtherscanIcon = () => ( - - - - - - - - - - - -) - -export const EasyEthIcon = (props: SVGProps) => ( - - - - -) - -export const InformationIcon = (props: SVGProps) => ( - - - - -) - export const FailedListingIcon = (props: SVGProps) => ( ( ) -export const ToggleEyeIcon = () => ( - - - - - - - - - - - -) - -export const CornerDownLeftIcon = (props: SVGProps) => ( - - - - -) - export const FilterIcon = (props: SVGProps) => ( ( ) -export const ThinTagIcon = (props: SVGProps) => ( - - - - -) - -export const ThinTagIconMobile = (props: SVGProps) => ( - - - - -) - -export const VoteIcon = (props: SVGProps) => ( - - - -) - export const BarChartIcon = (props: SVGProps) => ( @@ -1053,14 +498,6 @@ export const BarChartIcon = (props: SVGProps) => ( ) -export const BarChartIconMobile = (props: SVGProps) => ( - - - - - -) - export const DiscordIcon = (props: SVGProps) => ( ( ) -export const DiscordIconMenuMobile = (props: SVGProps) => ( - - - -) - export const TwitterIconMenu = (props: SVGProps) => ( ( ) -export const TwitterIconMenuMobile = (props: SVGProps) => ( - - - -) - export const GithubIconMenu = (props: SVGProps) => ( ( ) -export const GithubIconMenuMobile = (props: SVGProps) => ( - - - -) - export const CheckMarkIcon = (props: SVGProps) => ( ( ) -export const RedIndicatorIcon = (props: SVGProps) => ( - - - -) - -export const HamburgerIcon = (props: SVGProps) => ( - - - - - -) - export const CloseIcon = (props: SVGProps) => ( ( ) -export const BulletIcon = (props: SVGProps) => ( - - - -) - export const GovernanceIcon = (props: SVGProps) => ( ( ) -export const GovernanceIconMobile = (props: SVGProps) => ( - - - - - - -) -export const SuspiciousIcon20 = (props: SVGProps) => ( - - - - -) - export const MinusIconLarge = (props: SVGProps) => ( @@ -1313,14 +671,6 @@ export const ActivityTransferIcon = (props: SVGProps) => ( ) -export const TokenWarningYellowIcon = (props: SVGProps) => ( - - - -) export const ActivityExternalLinkIcon = (props: SVGProps) => (