diff --git a/web/account/connected-wallet-info.css b/web/account/connected-wallet-info.css new file mode 100644 --- /dev/null +++ b/web/account/connected-wallet-info.css @@ -0,0 +1,17 @@ +div.container { + display: flex; + background-color: #282537; + justify-content: center; + padding: 10px 20px; + border-radius: 8px; + outline: #302b42 solid 1px; +} + +div p { + padding-bottom: 0; +} + +div.container p { + padding-bottom: 0; + font-weight: bold; +} diff --git a/web/account/connected-wallet-info.react.js b/web/account/connected-wallet-info.react.js new file mode 100644 --- /dev/null +++ b/web/account/connected-wallet-info.react.js @@ -0,0 +1,18 @@ +// @flow + +import * as React from 'react'; +import { useAccount, useEnsName } from 'wagmi'; + +import css from './connected-wallet-info.css'; + +function ConnectedWalletInfo(): React.Node { + const { address } = useAccount(); + const { data } = useEnsName({ address }); + return ( +
{data ?? address}
+{siweMessageSigningExplanationStatements}
-- By signing up, you agree to our{' '} - Terms of Use &{' '} - Privacy Policy. -
+{siweMessageSigningExplanationStatements}
++ By signing up, you agree to our{' '} + Terms of Use &{' '} + Privacy Policy. +
+