use local storage

dev-protocol · Jan 16, 2022 · 697b3b8 · 697b3b8
1 parent 91015f8
commit 697b3b8
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 89 deletions.
diff --git a/packages/web/src/components/organisms/ControlChain/destination.tsx b/packages/web/src/components/organisms/ControlChain/destination.tsx
diff --git a/packages/web/src/components/organisms/ControlChain/index.tsx b/packages/web/src/components/organisms/ControlChain/index.tsx
diff --git a/packages/web/src/pages/_app.tsx b/packages/web/src/pages/_app.tsx
@@ -19,7 +19,7 @@ const client = new ApolloClient({
 })
 
 class NextApp extends App<AppInitialProps & WithApolloProps<{}>> {
-  state = { isCurrencyDEV: true, web3: undefined, ethersProvider: undefined, selectedChain: 'ethereum' }
+  state = { isCurrencyDEV: true, web3: undefined, ethersProvider: undefined, selectedChain: 'ethereum' as ChainName }
 
   componentDidMount = () => {
     message.config({
@@ -28,8 +28,8 @@ class NextApp extends App<AppInitialProps & WithApolloProps<{}>> {
 
     const settings = localStorage.getItem('settings')
     if (settings) {
-      const { currency } = JSON.parse(settings)
-      this.setState({ isCurrencyDEV: currency === 'DEV' })
+      const { currency, selectedChain } = JSON.parse(settings)
+      this.setState({ isCurrencyDEV: currency === 'DEV', selectedChain })
     }
 
     // Google Analytics
@@ -60,9 +60,9 @@ class NextApp extends App<AppInitialProps & WithApolloProps<{}>> {
   setChain = (chain: ChainName) => {
     localStorage.setItem(
       'settings',
-      JSON.stringify({ currency: !this.state.isCurrencyDEV ? 'DEV' : 'USD', selectedChain: chain })
+      JSON.stringify({ currency: this.state.isCurrencyDEV ? 'DEV' : 'USD', selectedChain: chain })
     )
-    this.setState({ isCurrencyDEV: !this.state.isCurrencyDEV, selectedChain: chain })
+    this.setState({ isCurrencyDEV: this.state.isCurrencyDEV, selectedChain: chain })
   }
 
   render() {
@@ -81,7 +81,7 @@ class NextApp extends App<AppInitialProps & WithApolloProps<{}>> {
             value={{
               isCurrencyDEV: this.state.isCurrencyDEV,
               toggleCurrency: this.toggleCurrency,
-              selectedChain: 'ethereum',
+              selectedChain: this.state.selectedChain,
               setChain: this.setChain
             }}
           >

diff --git a/packages/web/src/pages/index.tsx b/packages/web/src/pages/index.tsx
@@ -10,8 +10,6 @@ import { DevChart } from 'src/components/organisms/DevChart'
 import { Container } from 'src/components/atoms/Container'
 import styled from 'styled-components'
 import { useDetectChain, useProvider } from 'src/fixtures/wallet/hooks'
-import Text from 'antd/lib/typography/Text'
-import { ControlChain } from 'src/components/organisms/ControlChain'
 
 type Props = {}
 
@@ -22,16 +20,11 @@ const StyledHeadline = styled(Headline)`
 const DevProtocolStats = (_: Props) => {
   const { nonConnectedEthersProvider } = useProvider()
   const { name: chain } = useDetectChain(nonConnectedEthersProvider)
-  const isL1 = chain === 'ethereum'
 
   return chain === undefined ? (
     <div style={{ display: 'flex', minHeight: '100vh', justifyContent: 'center', alignItems: 'center' }}>
       <Spin />
     </div>
-  ) : !isL1 ? (
-    <div style={{ display: 'flex', minHeight: '100vh', justifyContent: 'center', alignItems: 'center' }}>
-      <Text type="secondary">(Not provide this feature yet on L2)</Text>
-    </div>
   ) : (
     <div style={{ display: 'flex', flexDirection: 'column', minHeight: '100vh' }}>
       <Header />
@@ -47,7 +40,6 @@ const DevProtocolStats = (_: Props) => {
       <Container>
         <DevChart />
       </Container>
-      <ControlChain />
       <Footer />
     </div>
   )