diff --git a/nym-wallet/src/components/Buy/Tutorial.tsx b/nym-wallet/src/components/Buy/Tutorial.tsx index 5f14e2c444..180ddbbd2a 100644 --- a/nym-wallet/src/components/Buy/Tutorial.tsx +++ b/nym-wallet/src/components/Buy/Tutorial.tsx @@ -1,8 +1,9 @@ import React, { useState } from 'react'; import { Button, Stack, Typography, Grid, useMediaQuery, useTheme } from '@mui/material'; import { Tune as TuneIcon, BorderColor as BorderColorIcon, Paid as PaidIcon } from '@mui/icons-material'; -import { NymCard } from '../NymCard'; +import { NymCard, ClientAddress } from '../../components'; import { SignMessageModal } from './SignMessageModal'; +import { PoweredByBity } from 'src/svg-icons'; // TODO retrieve this value from env const EXCHANGE_URL = 'https://buy.nymtech.net'; @@ -55,7 +56,7 @@ export const Tutorial = () => { const showBorder = useMediaQuery(theme.breakpoints.up('md')); return ( - + }> Follow below 3 steps to quickly and easily buy NYM tokens. You can purchase up to 1000 Swiss Francs per day without KYC. @@ -116,13 +117,16 @@ export const Tutorial = () => { } /> - - - + + + + + + ); diff --git a/nym-wallet/src/svg-icons/index.ts b/nym-wallet/src/svg-icons/index.ts index ec0d4b9c49..e0bd754736 100644 --- a/nym-wallet/src/svg-icons/index.ts +++ b/nym-wallet/src/svg-icons/index.ts @@ -3,3 +3,4 @@ export * from './undelegate'; export * from './bond'; export * from './unbond'; export * from './bonding'; +export * from './poweredByBity'; diff --git a/nym-wallet/src/svg-icons/poweredByBity.tsx b/nym-wallet/src/svg-icons/poweredByBity.tsx new file mode 100644 index 0000000000..3b061ae7d3 --- /dev/null +++ b/nym-wallet/src/svg-icons/poweredByBity.tsx @@ -0,0 +1,33 @@ +import React from 'react'; +import { SvgIcon, SvgIconProps } from '@mui/material'; + +export const PoweredByBity = (props: SvgIconProps) => ( + + + + + + + + + + + + + + + + + + + +);