diff --git a/apps/trading/client-pages/competitions/competitions-home.tsx b/apps/trading/client-pages/competitions/competitions-home.tsx index b1b2eb098..7d0227e6e 100644 --- a/apps/trading/client-pages/competitions/competitions-home.tsx +++ b/apps/trading/client-pages/competitions/competitions-home.tsx @@ -180,11 +180,13 @@ export const CompetitionsHome = () => { {/** Docs: https://docs.vega.xyz/mainnet/tutorials/proposals/asset-transfer-proposal */}

- {gamesLoading ? ( - - ) : ( - - )} +
+ {gamesLoading ? ( + + ) : ( + + )} +
{/** The teams ranking */}
@@ -203,11 +205,13 @@ export const CompetitionsHome = () => { )}

- {teamsLoading ? ( - - ) : ( - - )} +
+ {teamsLoading ? ( + + ) : ( + + )} +
); }; diff --git a/apps/trading/components/competitions/competitions-leaderboard.tsx b/apps/trading/components/competitions/competitions-leaderboard.tsx index 471de84cc..a0e5e98c4 100644 --- a/apps/trading/components/competitions/competitions-leaderboard.tsx +++ b/apps/trading/components/competitions/competitions-leaderboard.tsx @@ -1,5 +1,4 @@ import { Link } from 'react-router-dom'; -import { Splash } from '@vegaprotocol/ui-toolkit'; import { formatNumber } from '@vegaprotocol/utils'; import { type useTeams } from '../../lib/hooks/use-teams'; import { useT } from '../../lib/use-t'; @@ -18,7 +17,11 @@ export const CompetitionsLeaderboard = ({ const num = (n?: number | string) => (!n ? '-' : formatNumber(n, 0)); if (!data || data.length === 0) { - return {t('Could not find any teams')}; + return ( +

+ {t('Currently no active teams on the network.')} +

+ ); } return ( diff --git a/apps/trading/components/competitions/games-container.tsx b/apps/trading/components/competitions/games-container.tsx index b3c1ecafb..b913e5cbc 100644 --- a/apps/trading/components/competitions/games-container.tsx +++ b/apps/trading/components/competitions/games-container.tsx @@ -13,14 +13,14 @@ export const GamesContainer = ({ if (!data || data.length === 0) { return ( -

- {t('There are currently no games available.')} +

+ {t('Currently no active games on the network.')}

); } return ( -
+
{data.map((game, i) => { // TODO: Remove `kind` prop from ActiveRewardCard const { transfer } = game; diff --git a/libs/i18n/src/locales/en/trading.json b/libs/i18n/src/locales/en/trading.json index 8a937d57e..79c2f819d 100644 --- a/libs/i18n/src/locales/en/trading.json +++ b/libs/i18n/src/locales/en/trading.json @@ -468,5 +468,7 @@ "Want to compete but think the best team size is one? This is the option for you.": "Want to compete but think the best team size is one? This is the option for you.", "Browse existing public teams to find your perfect match.": "Browse existing public teams to find your perfect match.", "See all the live games on the cards below. Every on-chain game is community funded and designed. <0>Find out how to create one.": "See all the live games on the cards below. Every on-chain game is community funded and designed. <0>Find out how to create one.", - "Teams can earn rewards if they meet the goals set in the on-chain trading competitions. Track your earned rewards here, and see which teams are top of the leaderboard this month.": "Teams can earn rewards if they meet the goals set in the on-chain trading competitions. Track your earned rewards here, and see which teams are top of the leaderboard this month." + "Teams can earn rewards if they meet the goals set in the on-chain trading competitions. Track your earned rewards here, and see which teams are top of the leaderboard this month.": "Teams can earn rewards if they meet the goals set in the on-chain trading competitions. Track your earned rewards here, and see which teams are top of the leaderboard this month.", + "Currently no active games on the network.": "Currently no active games on the network.", + "Currently no active teams on the network.": "Currently no active teams on the network." }