diff --git a/src/pages/tBTC/Bridge/Mint.tsx b/src/pages/tBTC/Bridge/Mint.tsx index 7cb7e6abe..8d43736f4 100644 --- a/src/pages/tBTC/Bridge/Mint.tsx +++ b/src/pages/tBTC/Bridge/Mint.tsx @@ -1,27 +1,15 @@ import { useEffect } from "react" import { Outlet } from "react-router" import { useWeb3React } from "@web3-react/core" -import { H5 } from "@threshold-network/components" import { PageComponent } from "../../../types" import { DepositDetails } from "./DepositDetails" import { ResumeDepositPage } from "./ResumeDeposit" import { MintingTimeline } from "./Minting/MintingTimeline" -import { - useFetchRecentDeposits, - useTBTCDepositDataFromLocalStorage, -} from "../../../hooks/tbtc" +import { useTBTCDepositDataFromLocalStorage } from "../../../hooks/tbtc" import { useTbtcState } from "../../../hooks/useTbtcState" import { isSameETHAddress } from "../../../web3/utils" import { MintingFlowRouter } from "./Minting/MintingFlowRouter" -import { useFetchTvl } from "../../../hooks/useFetchTvl" -import { BridgeProcessCardTitle } from "./components/BridgeProcessCardTitle" -import SubmitTxButton from "../../../components/SubmitTxButton" -import { - ProtocolHistoryRecentDeposits, - ProtocolHistoryTitle, - ProtocolHistoryViewMoreLink, - TVL, -} from "../../../components/tBTC" + import { BridgeLayout, BridgeLayoutAsideSection, @@ -88,7 +76,7 @@ const MintPageLayout: PageComponent = () => { {active ? ( ) : ( - + )} diff --git a/src/pages/tBTC/Bridge/Unmint.tsx b/src/pages/tBTC/Bridge/Unmint.tsx index 54969db3c..6e7dc1005 100644 --- a/src/pages/tBTC/Bridge/Unmint.tsx +++ b/src/pages/tBTC/Bridge/Unmint.tsx @@ -288,7 +288,7 @@ UnmintFormPage.route = { isPageEnabled: true, } -export const UnmintPage: PageComponent = ({}) => { +export const UnmintPageLayout: PageComponent = ({}) => { const { active } = useWeb3React() return ( @@ -297,7 +297,10 @@ export const UnmintPage: PageComponent = ({}) => { {active ? ( ) : ( - + )} @@ -307,11 +310,22 @@ export const UnmintPage: PageComponent = ({}) => { ) } +UnmintPageLayout.route = { + path: "", + index: false, + isPageEnabled: true, + pages: [UnmintFormPage], +} + +export const UnmintPage: PageComponent = () => { + return +} + UnmintPage.route = { path: "unmint", pathOverride: "unmint/*", index: true, title: "Unmint", - pages: [UnmintFormPage, UnmintDetails], + pages: [UnmintPageLayout, UnmintDetails], isPageEnabled: true, } diff --git a/src/pages/tBTC/Bridge/components/BridgeProcessEmptyState.tsx b/src/pages/tBTC/Bridge/components/BridgeProcessEmptyState.tsx index 59c6dd7df..2aea93420 100644 --- a/src/pages/tBTC/Bridge/components/BridgeProcessEmptyState.tsx +++ b/src/pages/tBTC/Bridge/components/BridgeProcessEmptyState.tsx @@ -10,8 +10,12 @@ import { } from "../../../../components/tBTC" import { useFetchRecentDeposits } from "../../../../hooks/tbtc" import { useFetchTvl } from "../../../../hooks/useFetchTvl" +import { BridgeProcess } from "../../../../types" -export const BridgeProcessEmptyState: FC<{ title: string }> = ({ title }) => { +export const BridgeProcessEmptyState: FC<{ + title: string + bridgeProcess?: BridgeProcess +}> = ({ title, bridgeProcess = "mint" }) => { const [tvlInUSD, fetchTvl, tvl] = useFetchTvl() const [deposits] = useFetchRecentDeposits(3) @@ -21,7 +25,7 @@ export const BridgeProcessEmptyState: FC<{ title: string }> = ({ title }) => { return ( <> - +
{title}