diff --git a/packages/ui/src/app/pages/Profile/components/BannerSection.tsx b/packages/ui/src/app/pages/Profile/components/BannerSection.tsx index a8d594936f..3cee9d3684 100644 --- a/packages/ui/src/app/pages/Profile/components/BannerSection.tsx +++ b/packages/ui/src/app/pages/Profile/components/BannerSection.tsx @@ -1,9 +1,10 @@ import React from 'react' import styled from 'styled-components' +import { CurrencyName } from '@/app/constants/currency' import { CloseButton } from '@/common/components/buttons' -import { LinkButtonLinkStyles } from '@/common/components/buttons/LinkButtons' import { Arrow, QuestionIcon } from '@/common/components/icons' +import { Link } from '@/common/components/Link' import { RowGapBlock } from '@/common/components/page/PageContent' import { DefaultTooltip } from '@/common/components/Tooltip' import { TextInlineMedium, TextMedium } from '@/common/components/typography/Text' @@ -21,26 +22,20 @@ export const BannerSection = ({ setShouldDismissBanner }: Props) => { - What is Joy Token? + What is the {CurrencyName.integerValue} Token? setShouldDismissBanner(true)} /> - JOY token is a native crypto asset of Joystream blockchain. It is used for platform governance, purchasing NFTs, - trading creator tokens, and covering blockchain processing fees. They are listed on  - - MEXC - -  exchange under "JOYSTREAM" ticker. + The {CurrencyName.integerValue} token is the native crypto asset of the Joystream blockchain. It is used for + platform governance, purchasing NFTs, trading creator tokens, and covering the blockchain processing fees.{' '} + + This token is listed on several exchanges. + - Learn how to earn JOY's + Learn how to earn {CurrencyName.integerValue}s{' '} + ) @@ -71,8 +66,6 @@ const TextLink = styled.a` const BannerTooltip = styled(DefaultTooltip)` margin-top: 1px; ` -const CustomLinkStyle = styled(LinkButtonLinkStyles)` - display: inline-flex; - // margin-left: 2px; - // margin-right: 2px; +const StyledLink = styled(Link)` + font-family: inherit; `