diff --git a/nym-wallet/src/components/Buy/Tutorial.tsx b/nym-wallet/src/components/Buy/Tutorial.tsx index 83af61b5c7..24f262e637 100644 --- a/nym-wallet/src/components/Buy/Tutorial.tsx +++ b/nym-wallet/src/components/Buy/Tutorial.tsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { Button, Stack, Typography, Grid, Link } from '@mui/material'; +import { Button, Stack, Typography, Grid } from '@mui/material'; import { Tune as TuneIcon, BorderColor as BorderColorIcon, Paid as PaidIcon } from '@mui/icons-material'; import { NymCard } from '../NymCard'; import { SignMessageModal } from './SignMessageModal'; @@ -18,7 +18,7 @@ const TutorialStep = ({ }: { step: number; title: string; - text: string | React.ReactNode; + text: React.ReactNode; icon: React.ReactNode; divider?: boolean; }) => ( @@ -41,11 +41,7 @@ const TutorialStep = ({ {title} - {typeof text === 'string' ? ( - t.palette.nym.text.muted }}>{text} - ) : ( - text - )} + {text} ); @@ -105,8 +101,12 @@ export const Tutorial = () => { step={3} title="Make BTC tx and receive NYM" icon={} - text="Send BTC to the given address. When the transaction is confirmed your purchased NYM tokens will be - transfered in your wallet." + text={ + t.palette.nym.text.muted }}> + Send BTC to the given address. When the transaction is confirmed your purchased NYM tokens will be + transferred in your wallet. + + } />