Skip to content

Commit 4fa8731

Browse files
committed
fix: update icon colors to use theme color in follow feed
1 parent 4523c10 commit 4fa8731

File tree

1 file changed

+5
-3
lines changed

1 file changed

+5
-3
lines changed

apps/mobile/src/modules/feed/FollowFeed.tsx

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@ import { useCanDismiss, useNavigation } from "@/src/lib/navigation/hooks"
3131
import { useSetModalScreenOptions } from "@/src/lib/navigation/ScreenOptionsContext"
3232
import { FeedSummary } from "@/src/modules/discover/FeedSummary"
3333
import { FeedViewSelector } from "@/src/modules/feed/view-selector"
34+
import { useColor } from "@/src/theme/colors"
3435

3536
const formSchema = z.object({
3637
view: z.coerce.number(),
@@ -80,6 +81,7 @@ export function FollowUrl(props: { url: string }) {
8081
function FollowImpl(props: { feedId: string }) {
8182
const { t } = useTranslation()
8283
const { t: tCommon } = useTranslation("common")
84+
const textLabelColor = useColor("label")
8385
const { feedId: id } = props
8486

8587
const feed = useFeedById(id)
@@ -182,7 +184,7 @@ function FollowImpl(props: { feedId: string }) {
182184
>
183185
<View className="ml-11 mt-2 flex-row items-center gap-3 opacity-60">
184186
<View className="flex-row items-center gap-1">
185-
<User3CuteReIcon width={12} height={12} />
187+
<User3CuteReIcon color={textLabelColor} width={12} height={12} />
186188
<Text className="text-text text-sm">
187189
{typeof feed.subscriptionCount === "number" ? (
188190
formatNumber(feed.subscriptionCount || 0)
@@ -196,14 +198,14 @@ function FollowImpl(props: { feedId: string }) {
196198
</View>
197199
{feed.updatesPerWeek ? (
198200
<View className="flex-row items-center gap-1">
199-
<SafetyCertificateCuteReIcon width={12} height={12} />
201+
<SafetyCertificateCuteReIcon color={textLabelColor} width={12} height={12} />
200202
<Text className="text-text text-sm">
201203
{tCommon("feed.entry_week", { count: feed.updatesPerWeek })}
202204
</Text>
203205
</View>
204206
) : feed.latestEntryPublishedAt ? (
205207
<View className="flex-row items-center gap-1">
206-
<SafeAlertCuteReIcon width={12} height={12} />
208+
<SafeAlertCuteReIcon color={textLabelColor} width={12} height={12} />
207209
<Text className="text-text text-sm">
208210
{tCommon("feed.updated_at")}
209211
<RelativeDateTime date={feed.latestEntryPublishedAt} />

0 commit comments

Comments
 (0)