diff options
Diffstat (limited to 'browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.jsx')
-rw-r--r-- | browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.jsx | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.jsx b/browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.jsx new file mode 100644 index 0000000000..517bd6d53b --- /dev/null +++ b/browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.jsx @@ -0,0 +1,27 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. */ + +import React from "react"; +import TelemetryLink from "../TelemetryLink/TelemetryLink"; + +function PopularTopics(props) { + return ( + <ul className="stp_popular_topics"> + {props.topics?.map((topic, position) => ( + <li key={`item-${topic.topic}`} className="stp_popular_topic"> + <TelemetryLink + className="stp_popular_topic_link" + href={`https://${props.pockethost}/explore/${topic.topic}?${props.utmParams}`} + source={props.source} + position={position} + > + {topic.title} + </TelemetryLink> + </li> + ))} + </ul> + ); +} + +export default PopularTopics; |