diff --git a/app/components/ens/nameLookup.js b/app/components/ens/nameLookup.js index e0d23a9..d2f325a 100644 --- a/app/components/ens/nameLookup.js +++ b/app/components/ens/nameLookup.js @@ -134,7 +134,7 @@ class RenderAddresses extends PureComponent { return ( -
+
{formatName(domainName)}{expirationTime && (Expires {generatePrettyDate(expirationTime)})} Resolves To: {address && Ethereum Address {renderCopied(address)}} diff --git a/app/components/standard/StatusOptimized.js b/app/components/standard/StatusOptimized.js new file mode 100644 index 0000000..61735af --- /dev/null +++ b/app/components/standard/StatusOptimized.js @@ -0,0 +1,53 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import { withStyles } from '@material-ui/core/styles'; +import AppBar from '@material-ui/core/AppBar'; +import Toolbar from '@material-ui/core/Toolbar'; +import Typography from '@material-ui/core/Typography'; +import IconButton from '@material-ui/core/IconButton'; +import IPhone from '@material-ui/icons/PhoneIphone'; +import Android from '@material-ui/icons/Android'; + +const styles = { + root: { + flexGrow: 1, + position: 'fixed', + top: 0, + width: '100%', + zIndex: 1, + }, + flex: { + flexGrow: 1, + }, + menuButton: { + marginLeft: -12, + marginRight: 20, + }, +}; + +function ButtonAppBar(props) { + const { classes } = props; + return ( +
+ + + + This site is optimized for Status. Get the App to enable all features and get the best experience. + + + + + + + + + +
+ ); +} + +ButtonAppBar.propTypes = { + classes: PropTypes.object.isRequired, +}; + +export default withStyles(styles)(ButtonAppBar); diff --git a/app/dapp.js b/app/dapp.js index bbba956..c0b46cd 100644 --- a/app/dapp.js +++ b/app/dapp.js @@ -21,6 +21,7 @@ import Welcome from './components/ens/welcome'; import Fade from '@material-ui/core/Fade'; import Hidden from '@material-ui/core/Hidden'; import Web3Render from './components/standard/Web3Render'; +import StatusOptimized from './components/standard/StatusOptimized'; import './dapp.css'; @@ -53,6 +54,9 @@ class App extends React.Component { return (
+ + +