update launch screen link, copy and add tracking event

Author: transphorm

app/src/consts/analytics.ts

@@ -3,6 +3,7 @@
 export const AppEvents = {
   DISMISS_PRIVACY_DISCLAIMER: 'App: Dismiss Privacy Disclaimer',
   GET_STARTED: 'App: Get Started',
+  SUPPORTED_BIOMETRIC_IDS: 'App: Supported Biometric IDs',
   UPDATE_MODAL_CLOSED: 'App: Update Modal Closed',
   UPDATE_MODAL_OPENED: 'App: Update Modal Opened',
   UPDATE_STARTED: 'App: Update Started',

app/src/consts/links.ts

@@ -6,6 +6,8 @@ export const termsUrl = 'https://self.xyz/terms';
 
 export const privacyUrl = 'https://self.xyz/privacy';
 
+export const supportedBiometricIdsUrl = 'https://self.xyz/supported-ids';
+
 export const telegramUrl = 'https://t.me/self_xyz';
 
 export const gitHubUrl = 'https://github.com/selfxyz/self';

app/src/screens/misc/LaunchScreen.tsx

@@ -1,7 +1,7 @@
 // SPDX-License-Identifier: BUSL-1.1; Copyright (c) 2025 Social Connect Labs, Inc.; Licensed under BUSL-1.1 (see LICENSE); Apache-2.0 from 2029-06-11
 
 import React from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Linking, StyleSheet, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Anchor, Text, YStack } from 'tamagui';
@@ -10,7 +10,11 @@ import AbstractButton from '../../components/buttons/AbstractButton';
 import { BodyText } from '../../components/typography/BodyText';
 import { Caption } from '../../components/typography/Caption';
 import { AppEvents } from '../../consts/analytics';
-import { privacyUrl, termsUrl } from '../../consts/links';
+import {
+  privacyUrl,
+  supportedBiometricIdsUrl,
+  termsUrl,
+} from '../../consts/links';
 import useConnectionModal from '../../hooks/useConnectionModal';
 import useHapticNavigation from '../../hooks/useHapticNavigation';
 import Logo from '../../images/logo.svg';
@@ -64,10 +68,12 @@ const LaunchScreen: React.FC<LaunchScreenProps> = ({}) => {
             borderColor={zinc800}
             color={white}
             borderWidth={1}
-            // TODO: add onPress event
-            onPress={() => {}}
+            trackEvent={AppEvents.SUPPORTED_BIOMETRIC_IDS}
+            onPress={() => {
+              Linking.openURL(supportedBiometricIdsUrl);
+            }}
           >
-            List of supported Biometric IDs
+            List of Supported Biometric IDs
           </AbstractButton>
 
           <AbstractButton
@@ -76,7 +82,7 @@ const LaunchScreen: React.FC<LaunchScreenProps> = ({}) => {
             bgColor={white}
             color={black}
           >
-            I have a passport or Biometric ID
+            I have a Passport or Biometric ID
           </AbstractButton>
         </YStack>