summaryrefslogtreecommitdiffstats
path: root/browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.jsx
blob: 517bd6d53be362868fd53969ff04abb8ac476c73 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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;