Add deep links (android)

android/app/build.gradle

@@ -135,7 +135,7 @@ android {
     compileSdkVersion rootProject.ext.compileSdkVersion
 
     defaultConfig {
-        applicationId "com.app"
+        applicationId "xyz.blueskyweb.pubsq"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1

android/app/src/main/AndroidManifest.xml

@@ -21,6 +21,15 @@
             <action android:name="android.intent.action.MAIN" />
             <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
+        <!-- deep linking via web links -->
+        <intent-filter android:autoVerify="true">
+            <action android:name="android.intent.action.VIEW" />
+            <category android:name="android.intent.category.DEFAULT" />
+            <category android:name="android.intent.category.BROWSABLE" />
+            <!-- debug host: https://pubsq.pfrazee.com -->
+            <data android:scheme="https" />
+            <data android:host="pubsq.pfrazee.com" />
+        </intent-filter>
       </activity>
     </application>
 </manifest>

android/build.gradle

@@ -22,7 +22,7 @@ buildscript {
         mavenCentral()
     }
     dependencies {
-        classpath("com.android.tools.build:gradle:7.0.4")
+        classpath('com.android.tools.build:gradle:7.2.1')
         classpath("com.facebook.react:react-native-gradle-plugin")
         classpath("de.undercouch:gradle-download-task:4.1.2")
         // NOTE: Do not place your application dependencies here; they belong

src/routes/index.tsx

@@ -51,7 +51,7 @@ const tabBarScreenOptions = ({
   headerShown: false,
   tabBarIcon: (_state: {focused: boolean; color: string; size: number}) => {
     // TODO: icons
-    return <Text>{route.name.at(0)}</Text>
+    return <Text>{route.name?.[0] || ''}</Text>
   },
 })