diff --git a/browser/ui/webui/brave_rewards/rewards_page_data_source.cc b/browser/ui/webui/brave_rewards/rewards_page_data_source.cc index f9d57861236..45a7b341dfe 100644 --- a/browser/ui/webui/brave_rewards/rewards_page_data_source.cc +++ b/browser/ui/webui/brave_rewards/rewards_page_data_source.cc @@ -247,7 +247,6 @@ static constexpr webui::LocalizedString kStrings[] = { {"payoutPendingText", IDS_REWARDS_PAYMENT_PENDING}, {"payoutProcessingText", IDS_REWARDS_PAYMENT_PROCESSING}, {"payoutSupportLink", IDS_REWARDS_PAYMENT_SUPPORT}, - {"recurringListEmptyText", IDS_REWARDS_RECURRING_LIST_EMPTY_TEXT}, {"recurringNextContributionLabel", IDS_REWARDS_RECURRING_NEXT_CONTRIBUTION_LABEL}, {"recurringTitle", IDS_REWARDS_RECURRING_TITLE}, diff --git a/components/brave_rewards/resources/rewards_page/components/explore/explore_view.style.ts b/components/brave_rewards/resources/rewards_page/components/explore/explore_view.style.ts index 3feee2cc478..d2c0caedb70 100644 --- a/components/brave_rewards/resources/rewards_page/components/explore/explore_view.style.ts +++ b/components/brave_rewards/resources/rewards_page/components/explore/explore_view.style.ts @@ -11,6 +11,10 @@ export const style = scoped.css` display: flex; flex-direction: column; gap: 8px; + + @container style(--is-wide-view) { + gap: 24px; + } } .loading { diff --git a/components/brave_rewards/resources/rewards_page/components/home/recurring_contribution_card.style.ts b/components/brave_rewards/resources/rewards_page/components/home/recurring_contribution_card.style.ts index aa536131bbd..d6e4a8c0c43 100644 --- a/components/brave_rewards/resources/rewards_page/components/home/recurring_contribution_card.style.ts +++ b/components/brave_rewards/resources/rewards_page/components/home/recurring_contribution_card.style.ts @@ -99,12 +99,6 @@ export const style = scoped.css` } } - .empty { - margin: 24px 0; - text-align: center; - color: ${color.text.secondary}; - } - .show-all { text-align: center; } diff --git a/components/brave_rewards/resources/rewards_page/components/home/recurring_contribution_card.tsx b/components/brave_rewards/resources/rewards_page/components/home/recurring_contribution_card.tsx index f60f86e6af9..132b6638087 100644 --- a/components/brave_rewards/resources/rewards_page/components/home/recurring_contribution_card.tsx +++ b/components/brave_rewards/resources/rewards_page/components/home/recurring_contribution_card.tsx @@ -92,10 +92,6 @@ export function RecurringContributionCard() { } function renderList() { - if (contributions.length === 0) { - return
{getString('recurringListEmptyText')}
- } - const topEntries = [...contributions] .sort((a, b) => a.nextContributionDate - b.nextContributionDate) .slice(0, showAll ? Infinity : 5) @@ -119,6 +115,10 @@ export function RecurringContributionCard() { return null } + if (contributions.length === 0) { + return null + } + return (