An ATproto social media client -- with an independent Appview.
Fix key issue in trending topics (#7329)
+18
-20
+18
-20
src/components/interstitials/Trending.tsx
+18
-20
src/components/interstitials/Trending.tsx
···
59
59
) : !trending?.topics ? null : (
60
60
<>
61
61
{trending.topics.map(topic => (
62
-
<>
63
-
<TrendingTopicLink
64
-
key={topic.link}
65
-
topic={topic}
66
-
onPress={() => {
67
-
logEvent('trendingTopic:click', {context: 'interstitial'})
68
-
}}>
69
-
<View style={[a.py_lg]}>
70
-
<Text
71
-
style={[
72
-
t.atoms.text,
73
-
a.text_sm,
74
-
a.font_bold,
75
-
{opacity: 0.7}, // NOTE: we use opacity 0.7 instead of a color to match the color of the home pager tab bar
76
-
]}>
77
-
{topic.topic}
78
-
</Text>
79
-
</View>
80
-
</TrendingTopicLink>
81
-
</>
62
+
<TrendingTopicLink
63
+
key={topic.link}
64
+
topic={topic}
65
+
onPress={() => {
66
+
logEvent('trendingTopic:click', {context: 'interstitial'})
67
+
}}>
68
+
<View style={[a.py_lg]}>
69
+
<Text
70
+
style={[
71
+
t.atoms.text,
72
+
a.text_sm,
73
+
a.font_bold,
74
+
{opacity: 0.7}, // NOTE: we use opacity 0.7 instead of a color to match the color of the home pager tab bar
75
+
]}>
76
+
{topic.topic}
77
+
</Text>
78
+
</View>
79
+
</TrendingTopicLink>
82
80
))}
83
81
<Button
84
82
label={_(msg`Hide trending topics`)}