diff options
Diffstat (limited to 'browser/components/newtab/content-src/components/CustomizeMenu/ContentSection/ContentSection.jsx')
-rw-r--r-- | browser/components/newtab/content-src/components/CustomizeMenu/ContentSection/ContentSection.jsx | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/browser/components/newtab/content-src/components/CustomizeMenu/ContentSection/ContentSection.jsx b/browser/components/newtab/content-src/components/CustomizeMenu/ContentSection/ContentSection.jsx index 57ed935e93..298dedcee5 100644 --- a/browser/components/newtab/content-src/components/CustomizeMenu/ContentSection/ContentSection.jsx +++ b/browser/components/newtab/content-src/components/CustomizeMenu/ContentSection/ContentSection.jsx @@ -4,6 +4,7 @@ import React from "react"; import { actionCreators as ac } from "common/Actions.sys.mjs"; +import { SafeAnchor } from "../../DiscoveryStreamComponents/SafeAnchor/SafeAnchor"; export class ContentSection extends React.PureComponent { constructor(props) { @@ -96,6 +97,7 @@ export class ContentSection extends React.PureComponent { mayHaveSponsoredStories, mayHaveRecentSaves, openPreferences, + spocMessageVariant, } = this.props; const { topSitesEnabled, @@ -254,6 +256,23 @@ export class ContentSection extends React.PureComponent { </label> </div> + {pocketRegion && + mayHaveSponsoredStories && + spocMessageVariant === "variant-c" && ( + <div className="sponsored-content-info"> + <div className="icon icon-help"></div> + <div> + Sponsored content supports our mission to build a better web.{" "} + <SafeAnchor + dispatch={this.props.dispatch} + url="https://support.mozilla.org/kb/pocket-sponsored-stories-new-tabs" + > + Find out how + </SafeAnchor> + </div> + </div> + )} + <span className="divider" role="separator"></span> <div> |