Improve support request details import form

Summary:
Created as standard layout that can be used for both the import and export form

Standardized components used, so that we work towards a Design Framework that is consistent. Took inspiration from some existing plugins.

Also fixed weird sidebar transparency.

Reviewed By: passy

Differential Revision: D18504078

fbshipit-source-id: 7649abf7aa3eba8ba635337a41274bba93738e81

src/utils/exportData.tsx

@@ -32,6 +32,7 @@ import {tryCatchReportPlatformFailures} from './metrics';
 import {promisify} from 'util';
 import promiseTimeout from './promiseTimeout';
 import {Idler} from './Idler';
+import {setStaticView} from '../reducers/connections';
 export const IMPORT_FLIPPER_TRACE_EVENT = 'import-flipper-trace';
 export const EXPORT_FLIPPER_TRACE_EVENT = 'export-flipper-trace';
 export const EXPORT_FLIPPER_TRACE_TIME_SERIALIZATION_EVENT = `${EXPORT_FLIPPER_TRACE_EVENT}:serialization`;
@@ -664,6 +665,12 @@ export function importDataToStore(source: string, data: string, store: Store) {
       ),
     });
   });
+  if (supportRequestDetails) {
+    store.dispatch(
+      // Late require to avoid circular dependency issue
+      setStaticView(require('../fb-stubs/SupportRequestDetails').default),
+    );
+  }
 }
 
 export const importFileToStore = (file: string, store: Store) => {