From 65f339340e7a3e564784f68f7c00e4ba8927b9b4 Mon Sep 17 00:00:00 2001 From: saml33 Date: Fri, 15 Jul 2022 10:24:46 +1000 Subject: [PATCH] remove icons.tsx --- components/icons/BtcMonoIcon.tsx | 14 + components/icons/TradeIcon.tsx | 17 + components/icons/icons.tsx | 1075 ------------------------------ components/shared/Layout.tsx | 2 +- components/shared/SideNav.tsx | 8 +- utils/{layout.ts => theme.ts} | 0 6 files changed, 34 insertions(+), 1082 deletions(-) create mode 100644 components/icons/BtcMonoIcon.tsx create mode 100644 components/icons/TradeIcon.tsx delete mode 100644 components/icons/icons.tsx rename utils/{layout.ts => theme.ts} (100%) diff --git a/components/icons/BtcMonoIcon.tsx b/components/icons/BtcMonoIcon.tsx new file mode 100644 index 00000000..4aa0f416 --- /dev/null +++ b/components/icons/BtcMonoIcon.tsx @@ -0,0 +1,14 @@ +const BtcMonoIcon = ({ className }: { className: string }) => { + return ( + + + + ) +} + +export default BtcMonoIcon diff --git a/components/icons/TradeIcon.tsx b/components/icons/TradeIcon.tsx new file mode 100644 index 00000000..c5f23705 --- /dev/null +++ b/components/icons/TradeIcon.tsx @@ -0,0 +1,17 @@ +const TradeIcon = ({ className }: { className: string }) => { + return ( + + + + + ) +} + +export default TradeIcon diff --git a/components/icons/icons.tsx b/components/icons/icons.tsx deleted file mode 100644 index f5cc2438..00000000 --- a/components/icons/icons.tsx +++ /dev/null @@ -1,1075 +0,0 @@ -export const MangoIcon = ({ className }: { className: string }) => { - return ( - - - - - ) -} - -export const WalletIcon = ({ className }: { className: string }) => { - return ( - - - - - ) -} - -export const ResizeIcon = ({ className }: { className: string }) => { - return ( - - - - - - ) -} - -export const MoveIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - ) -} - -export const RefreshClockwiseIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const TelegramIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const TwitterIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const ProfileIcon = ({ className }: { className: string }) => { - return ( - - - - - - ) -} - -export const AaveMonoIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const AdaMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ) -} - -export const BtcMonoIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const BnbMonoIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const DotMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - - ) -} - -export const LunaMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - ) -} - -export const AvaxMonoIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const CopeMonoIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const DogeMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - ) -} - -export const EthMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - - - - - - ) -} - -export const FidaMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - ) -} - -export const FttMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - ) -} - -export const MediaMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ) -} - -export const MerMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - ) -} - -export const MngoMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - - - - - - - ) -} - -export const RayMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - ) -} - -export const SolMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - - - ) -} - -export const SrmMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - ) -} - -export const StepMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - ) -} - -export const SushiMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - - - - - - - - - - ) -} - -export const UniMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - - - - - - - - - ) -} - -export const UsdtMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - ) -} - -export const MsolMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - ) -} - -export const UsdcMonoIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const GmtMonoIcon = ({ className }: { className: string }) => { - return ( - - - - - ) -} - -export const CumulativeSizeIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - ) -} - -export const StepSizeIcon = ({ className }: { className: string }) => { - return ( - - - - - - - - - - - ) -} - -export const TradeIcon = ({ className }: { className: string }) => { - return ( - - - - - ) -} - -export const LineChartIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const CandlesIcon = ({ className }: { className: string }) => { - return ( - - - - - ) -} - -export const CalculatorIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const AnchorIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -export const AwardIcon = ({ className }: { className: string }) => { - return ( - - - - - ) -} - -export const TrophyIcon = ({ className }: { className: string }) => { - return ( - - - - ) -} - -interface Colors { - dark: string - darkest: string - light: string - lightest: string -} - -export const MedalIcon = ({ - className, - colors, -}: { - className: string - colors: Colors -}) => { - const { dark, darkest, light, lightest } = colors - return ( - - - - - - - - - - - - - - - - - - - - ) -} - -export const RektIcon = ({ className }: { className: string }) => { - return ( - - - - - ) -} diff --git a/components/shared/Layout.tsx b/components/shared/Layout.tsx index 906ef019..7f49f9cd 100644 --- a/components/shared/Layout.tsx +++ b/components/shared/Layout.tsx @@ -4,7 +4,7 @@ import { ReactNode, useEffect, useState } from 'react' import { ArrowRightIcon, ChevronRightIcon } from '@heroicons/react/solid' import { useWallet } from '@solana/wallet-adapter-react' import { useViewport } from '../../hooks/useViewport' -import { breakpoints } from '../../utils/layout' +import { breakpoints } from '../../utils/theme' import { WalletDisconnectButton, WalletMultiButton, diff --git a/components/shared/SideNav.tsx b/components/shared/SideNav.tsx index f1332b0e..ab00cb57 100644 --- a/components/shared/SideNav.tsx +++ b/components/shared/SideNav.tsx @@ -1,16 +1,12 @@ import Link from 'next/link' -// import { DEFAULT_MARKET_KEY, initialMarket } from './SettingsModal' -import { BtcMonoIcon, TradeIcon, TrophyIcon } from '../icons/icons' +import BtcMonoIcon from '../icons/BtcMonoIcon' +import TradeIcon from '../icons/TradeIcon' import { CashIcon, ChartBarIcon, - CurrencyDollarIcon, DotsHorizontalIcon, - SwitchHorizontalIcon, - CalculatorIcon, LibraryIcon, LightBulbIcon, - UserAddIcon, ExternalLinkIcon, ChevronDownIcon, ReceiptTaxIcon, diff --git a/utils/layout.ts b/utils/theme.ts similarity index 100% rename from utils/layout.ts rename to utils/theme.ts