remove icons.tsx

components/icons/BtcMonoIcon.tsx

@@ -0,0 +1,14 @@
+const BtcMonoIcon = ({ className }: { className: string }) => {
+  return (
+    <svg
+      className={`${className}`}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      fill="currentColor"
+    >
+      <path d="M28.1127 12.8648C28.6164 9.50263 26.0546 7.69482 22.5545 6.48855L23.6902 1.93293L20.9183 1.24317L19.8115 5.67848C19.0833 5.49561 18.3358 5.32558 17.5899 5.15555L18.7047 0.691363L15.9328 0L14.7971 4.55401C14.194 4.41606 13.6005 4.28132 13.0262 4.13695L13.0294 4.12251L9.20528 3.16808L8.46739 6.12923C8.46739 6.12923 10.5254 6.60083 10.4821 6.62971C11.605 6.91042 11.8071 7.65312 11.7734 8.24342L10.4805 13.4327C10.5575 13.4519 10.657 13.4808 10.7693 13.5241L10.4757 13.4519L8.66309 20.7216C8.52514 21.0617 8.17705 21.5734 7.39105 21.3793C7.41992 21.4194 5.37631 20.8772 5.37631 20.8772L4 24.0501L7.6092 24.95C8.27971 25.1185 8.93739 25.2949 9.58384 25.4601L8.43692 30.0671L11.2072 30.7568L12.3429 26.2012C13.1 26.4049 13.8347 26.5942 14.5533 26.7739L13.4208 31.3102L16.1927 32L17.3396 27.4027C22.0685 28.2978 25.6231 27.9368 27.1198 23.6603C28.326 20.218 27.0604 18.2305 24.5725 16.936C26.3851 16.5189 27.7486 15.3271 28.1127 12.8648ZM21.7765 21.7483C20.9216 25.1922 15.1228 23.3299 13.2428 22.8631L14.7667 16.7595C16.6467 17.2295 22.6732 18.1583 21.7765 21.7483ZM22.6347 12.8151C21.8535 15.9479 17.0284 14.355 15.4644 13.9652L16.844 8.4311C18.4079 8.82089 23.4496 9.54755 22.6347 12.8151Z" />
+    </svg>
+  )
+}
+
+export default BtcMonoIcon

components/icons/TradeIcon.tsx

@@ -0,0 +1,17 @@
+const TradeIcon = ({ className }: { className: string }) => {
+  return (
+    <svg
+      className={`${className}`}
+      xmlns="http://www.w3.org/2000/svg"
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="currentColor"
+    >
+      <path d="M7 4C5.34315 4 4 5.34315 4 7V21.9199L15.3027 11.3572C15.8558 10.8403 16.7073 10.8166 17.2884 11.3018L20.0552 13.6124L27.8668 6.1133C27.4886 4.8893 26.3482 4 25 4H7Z" />
+      <path d="M28 10.1441L21.1637 16.707C20.612 17.2365 19.7503 17.2664 19.1634 16.7762L16.3827 14.454L4.13677 25.8982C4.5185 27.1163 5.65604 28 7 28H25C26.6569 28 28 26.6569 28 25V10.1441Z" />
+    </svg>
+  )
+}
+
+export default TradeIcon

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,

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,