m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Add react-media package to prevent rendering wallet-view twice in the popup view

Browse Source
This commit is contained in:
Alexander Tseung 2018-07-24 11:40:22 -07:00
parent 3b408715c7
commit d1de5ae94f
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -189,6 +189,7 @@
"react-dom": "^15.6.2", "react-dom": "^15.6.2",
"react-hyperscript": "^3.0.0", "react-hyperscript": "^3.0.0",
"react-markdown": "^3.0.0", "react-markdown": "^3.0.0",
"react-media": "^1.8.0",
"react-redux": "^5.0.5", "react-redux": "^5.0.5",
"react-router-dom": "^4.2.2", "react-router-dom": "^4.2.2",
"react-select": "^1.0.0", "react-select": "^1.0.0",

6
ui/app/components/pages/home/home.component.js
View File

@ -1,5 +1,6 @@
import React, { PureComponent } from 'react' import React, { PureComponent } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import Media from 'react-media'
import { Redirect } from 'react-router-dom' import { Redirect } from 'react-router-dom'
import WalletView from '../../wallet-view' import WalletView from '../../wallet-view'
import TxView from '../../tx-view' import TxView from '../../tx-view'
@ -64,7 +65,10 @@ export default class Home extends PureComponent {
return ( return (
<div className="main-container"> <div className="main-container">
<div className="account-and-transaction-details"> <div className="account-and-transaction-details">
<WalletView responsiveDisplayClassname="lap-visible" /> <Media
query="(min-width: 576px)"
render={() => <WalletView />}
/>
<TxView /> <TxView />
</div> </div>
</div> </div>