Implement versionCheck

Author: Jon-edge

CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased (develop)
 
+- added: "Update Available" modal
+
 ## 4.22.0 (staging)
 
 - added: `NotificationCenterScene`

src/locales/en_US.ts

@@ -1684,6 +1684,7 @@ const strings = {
   notifications_recent: 'Recent',
   notifications_none: `You're all caught up!`,
   swap: 'Swap',
+  update_available: 'Update Available',
 
   // Currency Labels
   currency_label_AFN: 'Afghani',

src/locales/strings/enUS.json

@@ -1454,6 +1454,7 @@
   "notifications_recent": "Recent",
   "notifications_none": "You're all caught up!",
   "swap": "Swap",
+  "update_available": "Update Available",
   "currency_label_AFN": "Afghani",
   "currency_label_ALL": "Lek",
   "currency_label_DZD": "Algerian Dinar",

src/util/network.ts

@@ -6,6 +6,7 @@ import { getVersion } from 'react-native-device-info'
 
 import { config } from '../theme/appConfig'
 import { asyncWaterfall, getOsVersion, shuffleArray } from './utils'
+import { checkAppVersion } from './versionCheck'
 const INFO_SERVERS = ['https://info1.edge.app', 'https://info2.edge.app']
 const RATES_SERVERS = ['https://rates1.edge.app', 'https://rates2.edge.app']
 
@@ -87,6 +88,7 @@ export const initInfoServer = async () => {
       } else {
         const infoData = await response.json()
         infoServerData.rollup = asInfoRollup(infoData)
+        await checkAppVersion()
       }
     } catch (e) {
       console.warn('initInfoServer: Failed to ping info server')

src/util/versionCheck.tsx

@@ -0,0 +1,55 @@
+import * as React from 'react'
+import { Linking, Platform } from 'react-native'
+import { getVersion } from 'react-native-device-info'
+
+import { ButtonsModal } from '../components/modals/ButtonsModal'
+import { Airship } from '../components/services/AirshipInstance'
+import { getLocaleOrDefaultString } from '../locales/intl'
+import { lstrings } from '../locales/strings'
+import { config } from '../theme/appConfig'
+import { infoServerData } from './network'
+
+const compareVersions = (v1: string, v2: string): number => {
+  const v1Parts = v1.split('.').map(Number)
+  const v2Parts = v2.split('.').map(Number)
+
+  for (let i = 0; i < 3; i++) {
+    if (v1Parts[i] > v2Parts[i]) return 1
+    if (v1Parts[i] < v2Parts[i]) return -1
+  }
+  return 0
+}
+
+export const checkAppVersion = async (): Promise<void> => {
+  const currentVersion = getVersion()
+  const platform = Platform.OS
+
+  // Get latest version from info server
+  const updateInfo = infoServerData.rollup?.updateInfo
+  if (updateInfo == null) return
+  const { updateVersion, localeMessage } = updateInfo[platform]
+
+  const message = getLocaleOrDefaultString(localeMessage)
+
+  // Compare versions
+  if (compareVersions(updateVersion, currentVersion) > 0) {
+    // Show update modal
+    const updateRes = await Airship.show<'update' | undefined>(bridge => (
+      <ButtonsModal
+        bridge={bridge}
+        title={lstrings.update_available}
+        message={message}
+        buttons={{
+          update: {
+            label: lstrings.update_now,
+            type: 'primary'
+          }
+        }}
+      />
+    ))
+    if (updateRes === 'update') {
+      const url = Platform.OS === 'android' ? config.playStore : config.appStore
+      await Linking.openURL(url)
+    }
+  }
+}