From 0563123f3dc77fa61cd01161470b9019ada2439e Mon Sep 17 00:00:00 2001 From: tjs Date: Tue, 5 Dec 2023 18:20:09 -0500 Subject: [PATCH] add wormhole modal --- components/TopBar.tsx | 15 ++ components/modals/BridgeModal.tsx | 159 +++++++++++++ next.config.js | 3 - package.json | 7 +- pages/_app.tsx | 4 +- yarn.lock | 383 ++++++++++++++++++++++-------- 6 files changed, 469 insertions(+), 102 deletions(-) create mode 100644 components/modals/BridgeModal.tsx diff --git a/components/TopBar.tsx b/components/TopBar.tsx index 3b6de14b..2c944426 100644 --- a/components/TopBar.tsx +++ b/components/TopBar.tsx @@ -42,6 +42,7 @@ import FormatNumericValue from './shared/FormatNumericValue' import { useRouter } from 'next/router' import TopBarStore from '@store/topBarStore' import MedalIcon from './icons/MedalIcon' +import BridgeModal from './modals/BridgeModal' export const TOPBAR_ICON_BUTTON_CLASSES = 'relative flex h-16 w-10 sm:w-16 items-center justify-center sm:border-l sm:border-th-bkg-3 focus-visible:bg-th-bkg-3 md:hover:bg-th-bkg-2' @@ -71,6 +72,7 @@ const TopBar = () => { const [showDepositWithdrawModal, setShowDepositWithdrawModal] = useState(false) const [showCreateAccountModal, setShowCreateAccountModal] = useState(false) + const [showBridgeModal, setShowBridgeModal] = useState(false) const { showSettingsModal, setShowSettingsModal } = TopBarStore() const isOnline = useOnlineStatus() @@ -266,11 +268,21 @@ const TopBar = () => { )} +
+ +