diff --git a/src/components/animation/SmallSpinner.tsx b/src/components/animation/SmallSpinner.tsx deleted file mode 100644 index 4b1054d8..00000000 --- a/src/components/animation/SmallSpinner.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { memo } from 'react'; - -function _SmallSpinner({ className }: { className?: string }) { - return ( - - - - - ); -} - -export const SmallSpinner = memo(_SmallSpinner); diff --git a/src/components/animation/Spinner.module.css b/src/components/animation/Spinner.module.css deleted file mode 100644 index 45e51818..00000000 --- a/src/components/animation/Spinner.module.css +++ /dev/null @@ -1,81 +0,0 @@ -.spinner { - color: official; - display: inline-block; - position: relative; - width: 80px; - height: 80px; -} -.spinner div { - transform-origin: 40px 40px; - animation: spinner 1.2s linear infinite; -} -.spinner div:after { - content: ' '; - display: block; - position: absolute; - top: 3px; - left: 37px; - width: 6px; - height: 18px; - border-radius: 20%; - background: #010101; -} -.spinner.white div:after { - background: #ffffff; -} -.spinner div:nth-child(1) { - transform: rotate(0deg); - animation-delay: -1.1s; -} -.spinner div:nth-child(2) { - transform: rotate(30deg); - animation-delay: -1s; -} -.spinner div:nth-child(3) { - transform: rotate(60deg); - animation-delay: -0.9s; -} -.spinner div:nth-child(4) { - transform: rotate(90deg); - animation-delay: -0.8s; -} -.spinner div:nth-child(5) { - transform: rotate(120deg); - animation-delay: -0.7s; -} -.spinner div:nth-child(6) { - transform: rotate(150deg); - animation-delay: -0.6s; -} -.spinner div:nth-child(7) { - transform: rotate(180deg); - animation-delay: -0.5s; -} -.spinner div:nth-child(8) { - transform: rotate(210deg); - animation-delay: -0.4s; -} -.spinner div:nth-child(9) { - transform: rotate(240deg); - animation-delay: -0.3s; -} -.spinner div:nth-child(10) { - transform: rotate(270deg); - animation-delay: -0.2s; -} -.spinner div:nth-child(11) { - transform: rotate(300deg); - animation-delay: -0.1s; -} -.spinner div:nth-child(12) { - transform: rotate(330deg); - animation-delay: 0s; -} -@keyframes spinner { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} diff --git a/src/components/animation/Spinner.tsx b/src/components/animation/Spinner.tsx deleted file mode 100644 index d6b58fe5..00000000 --- a/src/components/animation/Spinner.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { memo } from 'react'; - -import styles from './Spinner.module.css'; - -// From https://loading.io/css/ -function _Spinner({ white, classes }: { white?: boolean; classes?: string }) { - return ( -
-
-
-
-
-
-
-
-
-
-
-
-
-
- ); -} - -export const Spinner = memo(_Spinner); diff --git a/src/components/banner/WarningBanner.tsx b/src/components/banner/WarningBanner.tsx index b4070d91..7bbcee39 100644 --- a/src/components/banner/WarningBanner.tsx +++ b/src/components/banner/WarningBanner.tsx @@ -1,6 +1,5 @@ -import Image from 'next/image'; +import { WarningIcon } from '@hyperlane-xyz/widgets'; import { PropsWithChildren, ReactNode } from 'react'; -import WarningIcon from '../../images/icons/warning.svg'; export function WarningBanner({ isVisible, @@ -21,7 +20,7 @@ export function WarningBanner({ } overflow-hidden transition-all duration-500 ${className}`} >
- Warning: + {children}
- ); -} diff --git a/src/components/icons/Chevron.tsx b/src/components/icons/Chevron.tsx deleted file mode 100644 index 4b8eb4a1..00000000 --- a/src/components/icons/Chevron.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import { memo } from 'react'; -import { Color } from '../../styles/Color'; - -interface Props { - width?: string | number; - height?: string | number; - direction: 'n' | 'e' | 's' | 'w'; - color?: string; - classes?: string; -} - -function _ChevronIcon({ width, height, direction, color, classes }: Props) { - let directionClass; - switch (direction) { - case 'n': - directionClass = 'rotate-180'; - break; - case 'e': - directionClass = '-rotate-90'; - break; - case 's': - directionClass = ''; - break; - case 'w': - directionClass = 'rotate-90'; - break; - default: - throw new Error(`Invalid chevron direction ${direction}`); - } - - return ( - - - - ); -} - -export const ChevronIcon = memo(_ChevronIcon); diff --git a/src/components/icons/Discord.tsx b/src/components/icons/Discord.tsx deleted file mode 100644 index 9831cb3d..00000000 --- a/src/components/icons/Discord.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import { memo } from 'react'; - -function _Discord({ - width, - height, - fill, - className = '', -}: { - width?: number | string; - height?: number | string; - fill?: string; - className?: string; -}) { - return ( - - - - - - - - - - - ); -} - -export const Discord = memo(_Discord); diff --git a/src/components/icons/Docs.tsx b/src/components/icons/Docs.tsx deleted file mode 100644 index 1b1dbbbb..00000000 --- a/src/components/icons/Docs.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { memo } from 'react'; -import { Color } from '../../styles/Color'; -import { IconProps } from './types'; - -function _DocsIcon({ - width = 24, - height = 24, - className, - color = Color.black, - ...props -}: IconProps) { - return ( - - - - ); -} - -export const DocsIcon = memo(_DocsIcon); diff --git a/src/components/icons/Github.tsx b/src/components/icons/Github.tsx deleted file mode 100644 index cc12880c..00000000 --- a/src/components/icons/Github.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { memo } from 'react'; - -function _Github({ - width, - height, - fill, - className = '', -}: { - width?: number | string; - height?: number | string; - fill?: string; - className?: string; -}) { - return ( - - - - ); -} - -export const Github = memo(_Github); diff --git a/src/components/icons/HelpIcon.tsx b/src/components/icons/HelpIcon.tsx deleted file mode 100644 index 05cbc993..00000000 --- a/src/components/icons/HelpIcon.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import { memo } from 'react'; -import { toast } from 'react-toastify'; -import Question from '../../images/icons/question-circle.svg'; -import { IconButton } from '../buttons/IconButton'; - -function _HelpIcon({ text, size = 20 }: { text: string; size?: number }) { - const onClick = () => { - toast.info(text, { autoClose: 8000 }); - }; - - return ( - - ); -} - -export const HelpIcon = memo(_HelpIcon); diff --git a/src/components/icons/History.tsx b/src/components/icons/History.tsx deleted file mode 100644 index f6c43e77..00000000 --- a/src/components/icons/History.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { memo } from 'react'; -import { Color } from '../../styles/Color'; -import { IconProps } from './types'; - -function _HistoryIcon({ - width = 24, - height = 24, - className, - color = Color.black, - ...props -}: IconProps) { - return ( - - - - ); -} - -export const HistoryIcon = memo(_HistoryIcon); diff --git a/src/components/icons/HyperlaneLogo.tsx b/src/components/icons/HyperlaneLogo.tsx deleted file mode 100644 index 52810465..00000000 --- a/src/components/icons/HyperlaneLogo.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import { memo } from 'react'; - -function _HyperlaneLogo({ - width, - height, - fill, - className = '', -}: { - width?: number | string; - height?: number | string; - fill?: string; - className?: string; -}) { - return ( - - - - - - ); -} - -export const HyperlaneLogo = memo(_HyperlaneLogo); diff --git a/src/components/icons/LinkedIn.tsx b/src/components/icons/LinkedIn.tsx deleted file mode 100644 index f0adaddc..00000000 --- a/src/components/icons/LinkedIn.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { memo } from 'react'; - -function _Linkedin({ - width, - height, - fill, - className = '', -}: { - width?: number | string; - height?: number | string; - fill?: string; - className?: string; -}) { - return ( - - - - ); -} - -export const Linkedin = memo(_Linkedin); diff --git a/src/components/icons/Medium.tsx b/src/components/icons/Medium.tsx deleted file mode 100644 index 11d0d175..00000000 --- a/src/components/icons/Medium.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { memo } from 'react'; - -function _Medium({ - width, - height, - fill, - className = '', -}: { - width?: number | string; - height?: number | string; - fill?: string; - className?: string; -}) { - return ( - - - - ); -} - -export const Medium = memo(_Medium); diff --git a/src/components/icons/Twitter.tsx b/src/components/icons/Twitter.tsx deleted file mode 100644 index c47f6583..00000000 --- a/src/components/icons/Twitter.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { memo } from 'react'; - -function _Twitter({ - width, - height, - fill, - className = '', -}: { - width?: number | string; - height?: number | string; - fill?: string; - className?: string; -}) { - return ( - - - - ); -} - -export const Twitter = memo(_Twitter); diff --git a/src/components/icons/Wallet.tsx b/src/components/icons/Wallet.tsx deleted file mode 100644 index 17c8b06c..00000000 --- a/src/components/icons/Wallet.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { memo } from 'react'; -import { Color } from '../../styles/Color'; -import { IconProps } from './types'; - -function _WalletIcon({ - width = 17, - height = 14, - className, - color = Color.black, - ...props -}: IconProps) { - return ( - - - - ); -} - -export const WalletIcon = memo(_WalletIcon); diff --git a/src/components/icons/Web.tsx b/src/components/icons/Web.tsx deleted file mode 100644 index cb97eb33..00000000 --- a/src/components/icons/Web.tsx +++ /dev/null @@ -1,80 +0,0 @@ -import { memo } from 'react'; - -function _Web({ - width, - height, - fill, - className = '', -}: { - width?: number | string; - height?: number | string; - fill?: string; - className?: string; -}) { - return ( - - - - - - - - - - - - - - - - ); -} - -export const Web = memo(_Web); diff --git a/src/components/icons/XIcon.tsx b/src/components/icons/XIcon.tsx deleted file mode 100644 index 311510f8..00000000 --- a/src/components/icons/XIcon.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { memo } from 'react'; - -function _XIcon({ - width, - height, - fill, - className = '', -}: { - width?: number | string; - height?: number | string; - fill?: string; - className?: string; -}) { - return ( - - - - - ); -} - -export const XIcon = memo(_XIcon); diff --git a/src/components/layout/Modal.tsx b/src/components/layout/Modal.tsx deleted file mode 100644 index 226535a1..00000000 --- a/src/components/layout/Modal.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import { Dialog, Transition } from '@headlessui/react'; -import { Fragment, PropsWithChildren } from 'react'; -import XCircle from '../../images/icons/x-circle.svg'; -import { IconButton } from '../buttons/IconButton'; - -export function Modal({ - isOpen, - title, - close, - width, - padding, - children, - showCloseBtn = true, -}: PropsWithChildren<{ - isOpen: boolean; - title: string; - close: () => void; - width?: string; - padding?: string; - showCloseBtn?: boolean; -}>) { - return ( - - - -
- - -
-
- - - - {title} - - {children} - {showCloseBtn && ( -
- -
- )} - - -
-
-
- - ); -} diff --git a/src/components/nav/Footer.tsx b/src/components/nav/Footer.tsx index 8f785ecb..a26a8c04 100644 --- a/src/components/nav/Footer.tsx +++ b/src/components/nav/Footer.tsx @@ -1,11 +1,8 @@ +import { DiscordIcon, GithubIcon, HyperlaneLogo, TwitterIcon } from '@hyperlane-xyz/widgets'; import Link from 'next/link'; import { ReactNode } from 'react'; import { links } from '../../consts/links'; import { Color } from '../../styles/Color'; -import { Discord } from '../icons/Discord'; -import { Github } from '../icons/Github'; -import { HyperlaneLogo } from '../icons/HyperlaneLogo'; -import { Twitter } from '../icons/Twitter'; type FooterLink = { title: string; @@ -17,13 +14,13 @@ type FooterLink = { const footerLinks: FooterLink[] = [ { title: 'Docs', url: links.docs, external: true }, { title: 'Terms', url: links.tos, external: true }, - { title: 'Twitter', url: links.twitter, external: true, icon: }, + { title: 'Twitter', url: links.twitter, external: true, icon: }, { title: 'Homepage', url: links.home, external: true }, { title: 'Privacy', url: links.privacyPolicy, external: true }, - { title: 'Discord', url: links.discord, external: true, icon: }, + { title: 'Discord', url: links.discord, external: true, icon: }, { title: 'Explorer', url: links.explorer, external: true }, { title: 'Bounty', url: links.bounty, external: true }, - { title: 'Github', url: links.github, external: true, icon: }, + { title: 'Github', url: links.github, external: true, icon: }, ]; export function Footer() { @@ -43,7 +40,7 @@ function FooterLogo() { return (
- +
Go interchain
diff --git a/src/components/tip/TipCard.tsx b/src/components/tip/TipCard.tsx index 80f21f5f..2ffe3b21 100644 --- a/src/components/tip/TipCard.tsx +++ b/src/components/tip/TipCard.tsx @@ -1,10 +1,9 @@ +import { IconButton, XCircleIcon } from '@hyperlane-xyz/widgets'; import Image from 'next/image'; import { useState } from 'react'; -import { IconButton } from '../../components/buttons/IconButton'; import { config } from '../../consts/config'; import { links } from '../../consts/links'; import InfoCircle from '../../images/icons/info-circle.svg'; -import XCircle from '../../images/icons/x-circle.svg'; import { Card } from '../layout/Card'; export function TipCard() { @@ -29,12 +28,9 @@ export function TipCard() {
- setShow(false)} - title="Hide tip" - classes="hover:rotate-90" - /> + setShow(false)} title="Hide tip" className="hover:rotate-90"> + +
); diff --git a/src/features/WarpContextInitGate.tsx b/src/features/WarpContextInitGate.tsx index 38f2990c..575ad748 100644 --- a/src/features/WarpContextInitGate.tsx +++ b/src/features/WarpContextInitGate.tsx @@ -1,5 +1,5 @@ +import { ColorPalette, SpinnerIcon } from '@hyperlane-xyz/widgets'; import { PropsWithChildren, useState } from 'react'; -import { Spinner } from '../components/animation/Spinner'; import { useTimeout } from '../utils/timeout'; import { useReadyMultiProvider } from './chains/hooks'; @@ -21,7 +21,7 @@ export function WarpContextInitGate({ children }: PropsWithChildren) { } else { return (
- +
); } diff --git a/src/features/chains/ChainSelectField.tsx b/src/features/chains/ChainSelectField.tsx index 85b70adb..bdf5e9c1 100644 --- a/src/features/chains/ChainSelectField.tsx +++ b/src/features/chains/ChainSelectField.tsx @@ -1,8 +1,7 @@ +import { ChevronIcon } from '@hyperlane-xyz/widgets'; import { useField, useFormikContext } from 'formik'; -import Image from 'next/image'; import { useState } from 'react'; import { ChainLogo } from '../../components/icons/ChainLogo'; -import ChevronIcon from '../../images/icons/chevron-down.svg'; import { TransferFormValues } from '../transfer/types'; import { ChainSelectListModal } from './ChainSelectModal'; import { useChainDisplayName } from './hooks'; @@ -55,7 +54,7 @@ export function ChainSelectField({ name, label, chains, onChange, disabled }: Pr {displayName}
- + +
{sortedChains.map((c) => (
- + +
{isLoading ? (
- +

Finding token IDs

) : tokenIds && tokenIds.length !== 0 ? ( diff --git a/src/features/tokens/TokenListModal.tsx b/src/features/tokens/TokenListModal.tsx index bac14e61..19d07523 100644 --- a/src/features/tokens/TokenListModal.tsx +++ b/src/features/tokens/TokenListModal.tsx @@ -1,9 +1,9 @@ import { IToken } from '@hyperlane-xyz/sdk'; +import { Modal } from '@hyperlane-xyz/widgets'; import Image from 'next/image'; import { useMemo, useState } from 'react'; import { TokenIcon } from '../../components/icons/TokenIcon'; import { TextInput } from '../../components/input/TextField'; -import { Modal } from '../../components/layout/Modal'; import { config } from '../../consts/config'; import InfoIcon from '../../images/icons/info-circle.svg'; import { useMultiProvider } from '../chains/hooks'; @@ -40,7 +40,8 @@ export function TokenListModal({ isOpen={isOpen} title="Select Token" close={onClose} - width="max-w-100 sm:max-w-[31rem] min-h-[24rem]" + panelClassname="p-4 max-w-100 sm:max-w-[31rem] min-h-[24rem]" + showCloseButton >
- {!isAutomatic && } + {!isAutomatic && } ); } diff --git a/src/features/transfer/TransferTokenForm.tsx b/src/features/transfer/TransferTokenForm.tsx index a6c25f86..12638c4b 100644 --- a/src/features/transfer/TransferTokenForm.tsx +++ b/src/features/transfer/TransferTokenForm.tsx @@ -1,16 +1,13 @@ import { TokenAmount, WarpCore } from '@hyperlane-xyz/sdk'; import { ProtocolType, errorToString, isNullish, toWei } from '@hyperlane-xyz/utils'; +import { ChevronIcon, IconButton, SpinnerIcon, SwapIcon } from '@hyperlane-xyz/widgets'; import BigNumber from 'bignumber.js'; import { Form, Formik, useFormikContext } from 'formik'; import { useMemo, useState } from 'react'; import { toast } from 'react-toastify'; -import { SmallSpinner } from '../../components/animation/SmallSpinner'; import { ConnectAwareSubmitButton } from '../../components/buttons/ConnectAwareSubmitButton'; -import { IconButton } from '../../components/buttons/IconButton'; import { SolidButton } from '../../components/buttons/SolidButton'; -import { ChevronIcon } from '../../components/icons/Chevron'; import { TextField } from '../../components/input/TextField'; -import SwapIcon from '../../images/icons/swap.svg'; import { Color } from '../../styles/Color'; import { logger } from '../../utils/logger'; import { ChainSelectField } from '../chains/ChainSelectField'; @@ -97,14 +94,15 @@ function SwapChainsButton({ disabled }: { disabled?: boolean }) { return ( + > + + ); } @@ -294,7 +292,7 @@ function MaxButton({ balance, disabled }: { balance?: TokenAmount; disabled?: bo > {isLoading ? (
- +
) : ( 'Max' @@ -357,7 +355,7 @@ function ReviewDetails({ visible }: { visible: boolean }) {
{isLoading ? (
- +
) : ( <> diff --git a/src/features/transfer/TransfersDetailsModal.tsx b/src/features/transfer/TransfersDetailsModal.tsx index f0b67ab3..6a0be1a0 100644 --- a/src/features/transfer/TransfersDetailsModal.tsx +++ b/src/features/transfer/TransfersDetailsModal.tsx @@ -1,13 +1,17 @@ import { ProtocolType } from '@hyperlane-xyz/utils'; -import { MessageStatus, MessageTimeline, useMessageTimeline } from '@hyperlane-xyz/widgets'; +import { + MessageStatus, + MessageTimeline, + Modal, + SpinnerIcon, + useMessageTimeline, +} from '@hyperlane-xyz/widgets'; import Image from 'next/image'; import { useCallback, useEffect, useMemo, useState } from 'react'; -import { Spinner } from '../../components/animation/Spinner'; import { CopyButton } from '../../components/buttons/CopyButton'; import { ChainLogo } from '../../components/icons/ChainLogo'; import { TokenIcon } from '../../components/icons/TokenIcon'; import { WideChevron } from '../../components/icons/WideChevron'; -import { Modal } from '../../components/layout/Modal'; import LinkIcon from '../../images/icons/external-link-icon.svg'; import { formatTimestamp } from '../../utils/date'; import { getHypExplorerLink } from '../../utils/links'; @@ -105,14 +109,7 @@ export function TransfersDetailsModal({ const explorerLink = getHypExplorerLink(multiProvider, origin, msgId); return ( - + {isFinal && (

{date}

@@ -192,7 +189,7 @@ export function TransfersDetailsModal({
) : (
- +
diff --git a/src/features/wallet/SideBarMenu.tsx b/src/features/wallet/SideBarMenu.tsx index c3f50f12..b6c7c599 100644 --- a/src/features/wallet/SideBarMenu.tsx +++ b/src/features/wallet/SideBarMenu.tsx @@ -1,14 +1,12 @@ +import { LogoutIcon, SpinnerIcon, WalletIcon } from '@hyperlane-xyz/widgets'; import Image from 'next/image'; import { useEffect, useMemo, useRef, useState } from 'react'; import { toast } from 'react-toastify'; -import { SmallSpinner } from '../../components/animation/SmallSpinner'; import { ChainLogo } from '../../components/icons/ChainLogo'; import { WalletLogo } from '../../components/icons/WalletLogo'; import ArrowRightIcon from '../../images/icons/arrow-right.svg'; import CollapseIcon from '../../images/icons/collapse-icon.svg'; -import Logout from '../../images/icons/logout.svg'; import ResetIcon from '../../images/icons/reset-icon.svg'; -import Wallet from '../../images/icons/wallet.svg'; import { tryClipboardSet } from '../../utils/clipboard'; import { STATUSES_WITH_ICON, getIconByTransferStatus } from '../../utils/transfer'; import { useMultiProvider } from '../chains/hooks'; @@ -90,11 +88,11 @@ export function SideBarMenu({ ))}
@@ -210,31 +208,13 @@ function TransferSummary({ {STATUSES_WITH_ICON.includes(status) ? ( ) : ( - + )}
); } -function Icon({ - src, - alt, - size, - className, -}: { - src: any; - alt?: string; - size?: number; - className?: string; -}) { - return ( -
- {alt -
- ); -} - const styles = { btn: 'w-full flex items-center px-1 py-2 text-sm hover:bg-gray-200 active:scale-95 transition-all duration-500 cursor-pointer rounded-sm', }; diff --git a/src/features/wallet/WalletControlBar.tsx b/src/features/wallet/WalletControlBar.tsx index 8e92cf1e..bfc06e6c 100644 --- a/src/features/wallet/WalletControlBar.tsx +++ b/src/features/wallet/WalletControlBar.tsx @@ -1,9 +1,7 @@ import { ProtocolType, shortenAddress } from '@hyperlane-xyz/utils'; -import { ChevronIcon } from '@hyperlane-xyz/widgets'; -import Image from 'next/image'; +import { ChevronIcon, WalletIcon } from '@hyperlane-xyz/widgets'; import { SolidButton } from '../../components/buttons/SolidButton'; import { WalletLogo } from '../../components/icons/WalletLogo'; -import Wallet from '../../images/icons/wallet.svg'; import { useIsSsr } from '../../utils/ssr'; import { useStore } from '../store'; import { useAccounts, useWalletDetails } from './hooks/multiProtocol'; @@ -36,7 +34,7 @@ export function WalletControlBar() { classes="py-2 px-3" onClick={() => setShowEnvSelectModal(true)} title="Choose wallet" - icon={} + icon={} color="white" >
Connect wallet
diff --git a/src/features/wallet/WalletEnvSelectionModal.tsx b/src/features/wallet/WalletEnvSelectionModal.tsx index c0b6d5db..b9e1d135 100644 --- a/src/features/wallet/WalletEnvSelectionModal.tsx +++ b/src/features/wallet/WalletEnvSelectionModal.tsx @@ -1,9 +1,9 @@ import { ethereum, solanamainnet } from '@hyperlane-xyz/registry'; import { ProtocolType } from '@hyperlane-xyz/utils'; +import { Modal } from '@hyperlane-xyz/widgets'; import Image from 'next/image'; import { PropsWithChildren } from 'react'; import { ChainLogo } from '../../components/icons/ChainLogo'; -import { Modal } from '../../components/layout/Modal'; import { useConnectFns } from './hooks/multiProtocol'; export function WalletEnvSelectionModal({ isOpen, close }: { isOpen: boolean; close: () => void }) { @@ -16,7 +16,13 @@ export function WalletEnvSelectionModal({ isOpen, close }: { isOpen: boolean; cl }; return ( - +
{numReady === 0 && ( setShowEnvSelectModal(true)} > @@ -31,7 +29,7 @@ export function WalletFloatingButtons() { )} {numReady >= 1 && ( setIsSideBarOpen(!isSideBarOpen)} > diff --git a/src/images/icons/checkmark.svg b/src/images/icons/checkmark.svg deleted file mode 100644 index 400f6c44..00000000 --- a/src/images/icons/checkmark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/src/images/icons/chevron-down.svg b/src/images/icons/chevron-down.svg deleted file mode 100644 index 7ce35e5f..00000000 --- a/src/images/icons/chevron-down.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/src/images/icons/docs.svg b/src/images/icons/docs.svg deleted file mode 100644 index 22a3fb13..00000000 --- a/src/images/icons/docs.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/images/icons/gear.svg b/src/images/icons/gear.svg deleted file mode 100644 index 437d56e3..00000000 --- a/src/images/icons/gear.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/images/icons/logout.svg b/src/images/icons/logout.svg deleted file mode 100644 index 7168ca78..00000000 --- a/src/images/icons/logout.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/images/icons/plus-circle-fill.svg b/src/images/icons/plus-circle-fill.svg deleted file mode 100644 index 49084451..00000000 --- a/src/images/icons/plus-circle-fill.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/src/images/icons/plus.svg b/src/images/icons/plus.svg deleted file mode 100644 index e33f98ee..00000000 --- a/src/images/icons/plus.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/src/images/icons/send.svg b/src/images/icons/send.svg deleted file mode 100644 index 5ba9cbff..00000000 --- a/src/images/icons/send.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/src/images/icons/swap.svg b/src/images/icons/swap.svg deleted file mode 100644 index 5c76d120..00000000 --- a/src/images/icons/swap.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/images/icons/three-dots.svg b/src/images/icons/three-dots.svg deleted file mode 100644 index e6d3c608..00000000 --- a/src/images/icons/three-dots.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/images/icons/warning.svg b/src/images/icons/warning.svg deleted file mode 100644 index 521bbbe9..00000000 --- a/src/images/icons/warning.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/images/icons/x-circle.svg b/src/images/icons/x-circle.svg deleted file mode 100644 index b34fb647..00000000 --- a/src/images/icons/x-circle.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/src/images/icons/x.svg b/src/images/icons/x.svg deleted file mode 100644 index 5f420e46..00000000 --- a/src/images/icons/x.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file