diff --git a/browser/ui/webui/brave_webui_source.cc b/browser/ui/webui/brave_webui_source.cc index 02153e813836..2ce69e4c55b7 100644 --- a/browser/ui/webui/brave_webui_source.cc +++ b/browser/ui/webui/brave_webui_source.cc @@ -968,6 +968,7 @@ void CustomizeWebUIHTMLSource(const std::string &name, { "monthlyText", IDS_BRAVE_UI_MONTHLY_TEXT }, { "nextContributionDate", IDS_BRAVE_REWARDS_TIP_NEXT_CONTRIBUTION_DATE }, // NOLINT { "notEnoughTokens", IDS_BRAVE_REWARDS_TIP_NOT_ENOUGH_TOKENS }, + { "tippingFeeNote", IDS_BRAVE_REWARDS_TIPPING_FEE_NOTE }, { "on", IDS_BRAVE_UI_ON }, { "onboardingMaybeLater", IDS_BRAVE_REWARDS_ONBOARDING_MAYBE_LATER }, { "onboardingSetupAdsHeader", IDS_BRAVE_REWARDS_ONBOARDING_SETUP_ADS_HEADER }, // NOLINT diff --git a/components/brave_rewards/resources/tip/components/bat_tip_form.style.ts b/components/brave_rewards/resources/tip/components/bat_tip_form.style.ts index 6c9b1720c69e..613696f803f4 100644 --- a/components/brave_rewards/resources/tip/components/bat_tip_form.style.ts +++ b/components/brave_rewards/resources/tip/components/bat_tip_form.style.ts @@ -104,3 +104,10 @@ export const notEnoughFunds = styled.div` color: var(--brave-palette-neutral300); } ` + +export const feeNote = styled.div` + text-align: center; + font-size: 11px; + line-height: 16px; + color: var(--brave-palette-neutral600); +` diff --git a/components/brave_rewards/resources/tip/components/bat_tip_form.tsx b/components/brave_rewards/resources/tip/components/bat_tip_form.tsx index 1f9817b79db3..34f26e2eb19c 100644 --- a/components/brave_rewards/resources/tip/components/bat_tip_form.tsx +++ b/components/brave_rewards/resources/tip/components/bat_tip_form.tsx @@ -160,6 +160,9 @@ export function BatTipForm (props: Props) { + + {getString('tippingFeeNote')} + { diff --git a/components/brave_rewards/resources/tip/stories/locale_strings.ts b/components/brave_rewards/resources/tip/stories/locale_strings.ts index 857d9c037399..5529a2a95518 100644 --- a/components/brave_rewards/resources/tip/stories/locale_strings.ts +++ b/components/brave_rewards/resources/tip/stories/locale_strings.ts @@ -43,6 +43,7 @@ export const localeStrings = { thanksForTheSupport: 'Thanks for the support!', tipDelayNote: 'Note: Your tip can take several minutes to process', tipHasBeenSent: 'Your one-time tip has been sent.', + tippingFeeNote: 'Brave collects 5% of the tip amount as a processing fee.', tipPostSubtitle: 'for their post', tokens: 'tokens', tweetAboutSupport: 'Tweet about your support', diff --git a/components/resources/brave_components_strings.grd b/components/resources/brave_components_strings.grd index 90639e52bd7b..4bf3e96275f1 100644 --- a/components/resources/brave_components_strings.grd +++ b/components/resources/brave_components_strings.grd @@ -613,6 +613,7 @@ Monthly contribution has been set. Next contribution date: Not enough tokens. Please $1add funds$2. + Brave collects 5% of the tip amount as a processing fee. One-Time Tip One-time tip amount: Hold on, you can’t tip yet