diff --git a/apps/mobile/src/modules/settings/routes/Profile.tsx b/apps/mobile/src/modules/settings/routes/Profile.tsx index a446277e69..137f589b98 100644 --- a/apps/mobile/src/modules/settings/routes/Profile.tsx +++ b/apps/mobile/src/modules/settings/routes/Profile.tsx @@ -2,7 +2,7 @@ import type { FeedViewType } from "@follow/constants" import { cn } from "@follow/utils" import { Stack } from "expo-router" import { Fragment, useCallback, useEffect, useMemo } from "react" -import { FlatList, Image, Linking, Pressable, StyleSheet, Text, View } from "react-native" +import { FlatList, Image, Share, StyleSheet, Text, TouchableOpacity, View } from "react-native" import Animated, { useAnimatedScrollHandler, useSharedValue } from "react-native-reanimated" import { useSafeAreaInsets } from "react-native-safe-area-context" @@ -51,8 +51,12 @@ export const ProfileScreen = () => { const textLabelColor = useColor("label") const openShareUrl = useCallback(() => { if (!whoami?.id) return - Linking.openURL(`https://app.follow.is/share/users/${whoami.id}`) - }, [whoami?.id]) + Share.share({ + url: `https://app.follow.is/share/users/${whoami.id}`, + title: `Follow | ${whoami.name}'s Profile`, + }) + }, [whoami?.id, whoami?.name]) + return ( { {!isLoading && subscriptions && } {/* Top transparent header buttons */} - settingNavigation.goBack()} className="absolute left-4" style={{ top: insets.top }} > - + - + - + {/* Header */} { style={{ opacity: headerOpacity }} > - settingNavigation.goBack()}> + settingNavigation.goBack()}> - + {whoami?.name}'s Profile - + - + )