Skip to content

Commit

Permalink
chore: update TC banner details (#11102)
Browse files Browse the repository at this point in the history
<!--
Before opening a pull request, please read the [contributing
guidelines](https://github.com/pancakeswap/pancake-frontend/blob/develop/CONTRIBUTING.md)
first
-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on improving the formatting of reward display strings in
the `AdTradingCompetition` and `TradingCompetition` components, ensuring
consistent spacing and clarity in the presentation of monetary values.

### Detailed summary
- In `AdTradingCompetition.tsx`, added a space before the currency unit
when rendering the reward.
- In `TradingCompetition.tsx`, modified the reward display to include a
space between the reward amount and the currency unit.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your
question}`

<!-- end pr-codex -->
  • Loading branch information
Chef-Yogi authored Dec 31, 2024
1 parent fde3167 commit 0fe8ccd
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ export const AdTradingCompetition = (props: AdPlayerProps & { token: 'aitech' |
<AdCard imageUrl={getImageUrl(tradingCompetitionConfig[token].imgUrl)} {...rest}>
<BodyText mb="0">
{t('Swap %token% to win a share of', { token: token.toUpperCase() })}{' '}
{unit === '$' ? `$${reward}` : `${reward}${unit}`}{' '}
{unit === '$' ? `$${reward}` : `${reward} ${unit}`}.{' '}
<Link fontSize="inherit" href={tradingCompetitionConfig[token].swapUrl} color="secondary" bold>
{t('Swap Now')}
</Link>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ export const tradingCompetitionConfig = {
learnMoreUrl:
'https://blog.pancakeswap.finance/articles/pancake-swap-x-solidus-ai-tech-trading-competition-50-000-in-rewards?utm_source=Website&utm_medium=infostripe&utm_campaign=AITECH&utm_id=TradingCompetition',
reward: '50,000',
unit: 'AITECH',
unit: '$',
},
bfg: {
imgUrl: 'bfg_competition',
Expand Down Expand Up @@ -51,7 +51,7 @@ export const TradingCompetition: React.FC<{ token: 'aitech' | 'bfg' | 'apt' | 'v
{t('Swap %token% to win a share of', { token: token.toUpperCase() })}{' '}
</Text>
<Text bold as="span" color="#FCC631" fontSize={['12px', '12px', '14px']}>
{unit === '$' ? `$${reward}` : `${reward}${unit}`}
{unit === '$' ? `$${reward}` : `${reward} ${unit}`},
</Text>
<Text bold as="span" color="#FFFFFF" fontSize={['12px', '12px', '14px']}>
{t('with daily prizes and leaderboard rewards!')}
Expand Down

0 comments on commit 0fe8ccd

Please sign in to comment.