From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Sun, 7 Apr 2024 19:32:43 +0200
Subject: Adding upstream version 1:115.7.0.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../js/components/PopularTopics/PopularTopics.jsx  | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.jsx

(limited to 'browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.jsx')

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;
-- 
cgit v1.2.3

