Show offline devices in dropdown

Summary:
This diff aims to make the selected device a little clearer, the button now shows different icons depending on the selected devices: physical, emulators and archived devices.

The dropdown now is grouped in these sections, depending on their availability:
- Connected Devices
- Running Emulators
- Imported Devices
- Launch Android emulators
- Open File...

"Open File..." allows to import a file the same way as File -> Open File...

Reviewed By: jknoxville

Differential Revision: D14460789

fbshipit-source-id: 8d6edff0d90d5e02e4ef5976af5680ab8eaf77b4

src/utils/exportData.js

@@ -22,6 +22,8 @@ import uuid from 'uuid';
 import {remote} from 'electron';
 import {serialize, deserialize} from './serialization';
 import {readCurrentRevision} from './packageMetadata.js';
+import {tryCatchReportPlatformFailures} from './metrics';
+
 export const IMPORT_FLIPPER_TRACE_EVENT = 'import-flipper-trace';
 export const EXPORT_FLIPPER_TRACE_EVENT = 'export-flipper-trace';
 
@@ -337,3 +339,18 @@ export const importFileToStore = (file: string, store: Store) => {
     importDataToStore(data, store);
   });
 };
+
+export function showOpenDialog(store: Store) {
+  remote.dialog.showOpenDialog(
+    {
+      properties: ['openFile'],
+    },
+    (files: Array<string>) => {
+      if (files !== undefined && files.length > 0) {
+        tryCatchReportPlatformFailures(() => {
+          importFileToStore(files[0], store);
+        }, `${IMPORT_FLIPPER_TRACE_EVENT}:UI`);
+      }
+    },
+  );
+}