|
@@ -41,6 +41,7 @@ import ShareIcon from '../../../../assets/icons/share.svg';
|
|
|
import UnverifiedIcon from '../../../../assets/icons/unverified.svg';
|
|
|
import CommentsIcon from '../../../../assets/icons/messages/comments.svg';
|
|
|
import MapSvg from 'assets/icons/travels-screens/map-location.svg';
|
|
|
+import InfoIcon from 'assets/icons/info-solid.svg';
|
|
|
|
|
|
import { ProfileStyles, ScoreStyles, TBTStyles } from '../TravellersScreen/Components/styles';
|
|
|
import UnauthenticatedProfileScreen from './UnauthenticatedProfileScreen';
|
|
@@ -81,6 +82,7 @@ const ProfileScreen: FC<Props> = ({ navigation, route }) => {
|
|
|
isWarningVisible: false
|
|
|
});
|
|
|
const [tooltipVisible, setTooltipVisible] = useState(false);
|
|
|
+ const [tooltipTrustVisible, setTooltipTrustVisible] = useState(false);
|
|
|
const [fullSizeImageVisible, setFullSizeImageVisible] = useState(false);
|
|
|
const { avatarVersion } = useAvatarStore();
|
|
|
|
|
@@ -316,7 +318,39 @@ const ProfileScreen: FC<Props> = ({ navigation, route }) => {
|
|
|
/>
|
|
|
) : null}
|
|
|
<View style={adaptiveStyle(ProfileStyles.badgesWrapper, {})}>
|
|
|
- {data.user_data.auth ? <TickIcon /> : null}
|
|
|
+ {data.user_data.auth ? (
|
|
|
+ <Tooltip
|
|
|
+ isVisible={tooltipTrustVisible}
|
|
|
+ onClose={() => setTooltipTrustVisible(false)}
|
|
|
+ content={
|
|
|
+ <TouchableOpacity
|
|
|
+ onPress={() => {
|
|
|
+ setTooltipTrustVisible(false);
|
|
|
+ Linking.openURL('https://nomadmania.com/trust/').catch((err) =>
|
|
|
+ console.error('Failed to open trust URL:', err)
|
|
|
+ );
|
|
|
+ }}
|
|
|
+ style={{ flexDirection: 'row', alignItems: 'center' }}
|
|
|
+ >
|
|
|
+ <Text
|
|
|
+ style={{
|
|
|
+ color: Colors.DARK_BLUE
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ This member is trusted{' '}
|
|
|
+ </Text>
|
|
|
+ <InfoIcon fill={Colors.DARK_BLUE} width={14} height={14} />
|
|
|
+ </TouchableOpacity>
|
|
|
+ }
|
|
|
+ contentStyle={{ backgroundColor: Colors.FILL_LIGHT }}
|
|
|
+ backgroundColor="transparent"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <TouchableOpacity onPress={() => setTooltipTrustVisible(true)}>
|
|
|
+ <TickIcon />
|
|
|
+ </TouchableOpacity>
|
|
|
+ </Tooltip>
|
|
|
+ ) : null}
|
|
|
{data.user_data.badge_un ? <UNIcon /> : null}
|
|
|
{data.user_data.badge_nm ? <NMIcon /> : null}
|
|
|
{data.user_data.badge_un_150 ? <UN150Icon /> : null}
|
|
@@ -324,7 +358,6 @@ const ProfileScreen: FC<Props> = ({ navigation, route }) => {
|
|
|
{data.user_data.badge_un_75 ? <UN75Icon /> : null}
|
|
|
{data.user_data.badge_un_50 ? <UN50Icon /> : null}
|
|
|
{data.user_data.badge_un_25 ? <UN25Icon /> : null}
|
|
|
-
|
|
|
{data.user_data.badge_ghost ? (
|
|
|
<Tooltip
|
|
|
isVisible={tooltipVisible}
|