From 99cfc141349811ed2fed58924c8dc4c348b720db Mon Sep 17 00:00:00 2001
From: Benjamin Elo <beneloca@fb.com>
Date: Thu, 12 Sep 2019 02:49:13 -0700
Subject: [PATCH] Display iOS patterns when iOS device is used

Summary:
Previously url's were displayed only for the Android app even if the user was using the iOS app.

This commit displays the url's for the iOS app if the user is using the iOS app.

Reviewed By: danielbuechele

Differential Revision: D17318175

fbshipit-source-id: 3bd8be4de55ea5b3ce634c2c6b713cba14ffcccd
---
 src/plugins/navigation/index.tsx              | 13 +++++++++---
 .../navigation/util/appMatchPatterns.tsx      | 20 +++++++++++++------
 2 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/plugins/navigation/index.tsx b/src/plugins/navigation/index.tsx
index 15390e65a..99c36969b 100644
--- a/src/plugins/navigation/index.tsx
+++ b/src/plugins/navigation/index.tsx
@@ -26,7 +26,13 @@ import {
 } from './util/autoCompleteProvider';
 import {getAppMatchPatterns} from './util/appMatchPatterns';
 import {getRequiredParameters, filterOptionalParameters} from './util/uri';
-import {State, PersistedState, Bookmark, NavigationEvent} from './types';
+import {
+  State,
+  PersistedState,
+  Bookmark,
+  NavigationEvent,
+  AppMatchPattern,
+} from './types';
 import React from 'react';
 
 export default class extends FlipperPlugin<State, any, PersistedState> {
@@ -97,8 +103,9 @@ export default class extends FlipperPlugin<State, any, PersistedState> {
   componentDidMount = () => {
     const {selectedApp} = this.props;
     this.subscribeToNavigationEvents();
-    getAppMatchPatterns(selectedApp)
-      .then(patterns => {
+    this.getDevice()
+      .then(device => getAppMatchPatterns(selectedApp, device))
+      .then((patterns: Array<AppMatchPattern>) => {
         this.props.setPersistedState({
           appMatchPatterns: patterns,
           appMatchPatternsProvider: appMatchPatternsToAutoCompleteProvider(
diff --git a/src/plugins/navigation/util/appMatchPatterns.tsx b/src/plugins/navigation/util/appMatchPatterns.tsx
index 81f4f0f08..10b496557 100644
--- a/src/plugins/navigation/util/appMatchPatterns.tsx
+++ b/src/plugins/navigation/util/appMatchPatterns.tsx
@@ -7,7 +7,7 @@
 
 import fs from 'fs';
 import path from 'path';
-
+import {BaseDevice, AndroidDevice, IOSDevice} from 'flipper';
 import {AppMatchPattern} from '../types';
 
 const extractAppNameFromSelectedApp = (selectedApp: string | null) => {
@@ -18,14 +18,22 @@ const extractAppNameFromSelectedApp = (selectedApp: string | null) => {
   }
 };
 
-export const getAppMatchPatterns = (selectedApp: string | null) => {
+export const getAppMatchPatterns = (
+  selectedApp: string | null,
+  device: BaseDevice,
+) => {
   return new Promise<Array<AppMatchPattern>>((resolve, reject) => {
     const appName = extractAppNameFromSelectedApp(selectedApp);
     if (appName === 'Facebook') {
-      const patternsPath = path.join(
-        'facebook',
-        'facebook-match-patterns.json',
-      );
+      let filename: string;
+      if (device instanceof AndroidDevice) {
+        filename = 'facebook-match-patterns-android.json';
+      } else if (device instanceof IOSDevice) {
+        filename = 'facebook-match-patterns-ios.json';
+      } else {
+        return;
+      }
+      const patternsPath = path.join('facebook', filename);
       fs.readFile(patternsPath, (err, data) => {
         if (err) {
           reject(err);