feat: remove some pages

src/components/App/Bonds/mint.tsx

@@ -21,7 +21,6 @@ import InputBox from 'components/App/Redemption/InputBox'
 import { DeiBonder } from 'constants/addresses'
 import { DEI_TOKEN, BDEI_TOKEN } from 'constants/tokens'
 import InfoBox from 'components/App/Bonds/InfoBox'
-import { NavigationTypes } from 'components/StableCoin'
 import { ExternalLink } from 'components/Link'
 
 const Container = styled.div`
@@ -59,7 +58,7 @@ const Description = styled.div`
   color: ${({ theme }) => darken(0.4, theme.text1)};
 `
 
-export default function Mint({ onSwitch }: { onSwitch: any }) {
+export default function Mint() {
   const { chainId, account } = useWeb3React()
   const toggleWalletModal = useWalletModalToggle()
   const isSupportedChainId = useSupportedChainId()
@@ -184,7 +183,7 @@ export default function Mint({ onSwitch }: { onSwitch: any }) {
           onChange={(value: string) => setAmountIn(value)}
           title={'From'}
         />
-        <ArrowDown style={{ cursor: 'pointer' }} onClick={() => onSwitch(NavigationTypes.SWAP)} />
+        <ArrowDown />
 
         <InputBox
           currency={bDeiCurrency}

src/components/StableCoin/Navigation/index.tsx

@@ -23,13 +23,11 @@ const Item = styled.div<{
 
 export enum NavigationTypes {
   MINT = 'MINT',
-  SWAP = 'SWAP',
   REDEEM = 'REDEEM',
 }
 
 const NavigationLabels = {
   [NavigationTypes.MINT]: 'Mint',
-  [NavigationTypes.SWAP]: 'Swap',
   [NavigationTypes.REDEEM]: 'Redeem',
 }
 

src/pages/deibonds/index.tsx

@@ -1,12 +1,9 @@
-import React, { useState } from 'react'
+import React from 'react'
 import styled from 'styled-components'
 
-import Hero, { HeroSubtext } from 'components/Hero'
+import Hero from 'components/Hero'
 import Disclaimer from 'components/Disclaimer'
-import { Navigation, NavigationTypes } from 'components/StableCoin'
 import Mint from 'components/App/Bonds/mint'
-import Redeem from 'components/App/Bonds/redeem'
-import Swap from 'components/App/Bonds/swap'
 
 const Container = styled.div`
   display: flex;
@@ -15,44 +12,13 @@ const Container = styled.div`
   margin: 0 auto;
 `
 
-const SelectorContainer = styled.div`
-  display: flex;
-  flex-flow: column nowrap;
-  overflow: visible;
-  margin: 0 auto;
-  margin-top: 24px;
-  padding-right: 24px;
-`
-
 export default function Bonds() {
-  const [selected, setSelected] = useState<NavigationTypes>(NavigationTypes.MINT)
-
-  const getAppComponent = (): JSX.Element => {
-    if (selected == NavigationTypes.MINT) {
-      return <Mint onSwitch={setSelected} />
-    }
-    if (selected == NavigationTypes.SWAP) {
-      return <Swap onSwitch={setSelected} />
-    }
-    if (selected == NavigationTypes.REDEEM) {
-      return <Redeem />
-    }
-    return <Mint onSwitch={setSelected} />
-  }
-
   return (
     <Container>
       <Hero>
         <div>DEI Bonds</div>
-        <HeroSubtext>Mint and Swap bDEI</HeroSubtext>
       </Hero>
-
-      <SelectorContainer>
-        <Navigation selected={selected} setSelected={setSelected} />
-      </SelectorContainer>
-
-      {getAppComponent()}
-
+      <Mint />
       <Disclaimer />
     </Container>
   )