diff --git a/client/src/components/atoms/Account.module.scss b/client/src/components/atoms/Account.module.scss index 3cbfb22..22e5eac 100644 --- a/client/src/components/atoms/Account.module.scss +++ b/client/src/components/atoms/Account.module.scss @@ -8,15 +8,23 @@ > div:first-of-type { flex: 0 0 80%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - font-family: $font-family-monospace; - font-size: $font-size-small; - font-weight: 700; } } +.accountId { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-family: $font-family-monospace; + font-size: $font-size-small; + font-weight: 700; +} + +.unlock { + font-size: $font-size-small !important; // stylelint-disable-line + margin-left: $spacer / 2; +} + .accountType { width: 100%; margin-left: calc(1.5rem + #{$spacer / 3}); @@ -77,4 +85,5 @@ display: inline-block; margin-right: $spacer / 3; margin-left: 0; + border: 1px solid $brand-grey-lighter; } diff --git a/client/src/components/atoms/Account.tsx b/client/src/components/atoms/Account.tsx index 47ec9b3..2e9ed9d 100644 --- a/client/src/components/atoms/Account.tsx +++ b/client/src/components/atoms/Account.tsx @@ -5,36 +5,58 @@ import styles from './Account.module.scss' import WalletSelector from '../organisms/WalletSelector' import content from '../../data/web3message.json' import { ReactComponent as Caret } from '../../img/caret.svg' +import { User } from '../../context' +import Button from './Button' export default class Account extends PureComponent< - { - account: string - isBurner: boolean - extended?: boolean - }, - { isAccountOpen: boolean } + {}, + { isAccountInfoOpen: boolean } > { + public static contextType = User + public state = { - isAccountOpen: false + isAccountInfoOpen: false } private toggleAccountInfo() { - this.setState({ isAccountOpen: !this.state.isAccountOpen }) + this.setState({ isAccountInfoOpen: !this.state.isAccountInfoOpen }) } public render() { - const { account, isBurner, extended } = this.props + const { account, isBurner, loginMetamask } = this.context + const { isAccountInfoOpen } = this.state const seedphrase = localStorage.getItem('seedphrase') as string - const blockies = account && toDataUrl(account) - return account && blockies ? ( + + return (
{seedphrase}
@@ -64,8 +84,6 @@ export default class Account extends PureComponent<
https://pacific.oceanprotocol.com
",
"wrongNetworkNile": "Not connected to Nile network. Please connect in MetaMask with Custom RPC https://nile.dev-ocean.com
",
"wrongNetworkDuero": "Not connected to Duero network. Please connect in MetaMask with Custom RPC https://duero.dev-ocean.com
",
diff --git a/client/src/routes/Publish/index.tsx b/client/src/routes/Publish/index.tsx
index 6fac626..1583b45 100644
--- a/client/src/routes/Publish/index.tsx
+++ b/client/src/routes/Publish/index.tsx
@@ -4,7 +4,6 @@ import Route from '../../components/templates/Route'
import Form from '../../components/atoms/Form/Form'
import AssetModel from '../../models/AssetModel'
import { User, Market } from '../../context'
-import Web3message from '../../components/organisms/Web3message'
import Step from './Step'
import Progress from './Progress'
import ReactGA from 'react-ga'