diff --git a/wallet-web/components/Layout.tsx b/wallet-web/components/Layout.tsx index 4200d6ab88..09befee3bc 100644 --- a/wallet-web/components/Layout.tsx +++ b/wallet-web/components/Layout.tsx @@ -1,5 +1,5 @@ import React from 'react' -import { Grid, Theme, useTheme, useMediaQuery } from '@material-ui/core' +import { Grid, Theme, useTheme } from '@material-ui/core' export const Layout = ({ children }: { children: React.ReactElement }) => { const theme: Theme = useTheme() diff --git a/wallet-web/pages/receive.tsx b/wallet-web/pages/receive.tsx index 2cc134faf3..da250046ae 100644 --- a/wallet-web/pages/receive.tsx +++ b/wallet-web/pages/receive.tsx @@ -1,11 +1,52 @@ +import { useMediaQuery } from '@material-ui/core' +import { + Card, + CardContent, + CardHeader, + Grid, + Typography, +} from '@material-ui/core' import React from 'react' +import { useContext } from 'react' +import { Layout, NymCard } from '../components' import MainNav from '../components/MainNav' +import NoClientError from '../components/NoClientError' +import { ValidatorClientContext } from '../contexts/ValidatorClient' const Receive = () => { + const { client } = useContext(ValidatorClientContext) + const matches = useMediaQuery('(min-width:769px)') + return ( <> -
+ + + {!client ? ( + + ) : ( + + + + You can receive tokens by providing this address to the sender + + + + + + + {client?.address} + + + + + + )} + + ) }