move WelcomeScreen

Summary: The sidebar is now shown, even if no device is connected. This prevents the jumping layout when Flipper launches, but still has not connected to devices.

Reviewed By: passy

Differential Revision: D9263892

fbshipit-source-id: d5b96a8619393ee4002863a83d9024f00c6cb396

src/chrome/WelcomeScreen.js

@@ -23,7 +23,7 @@ const Container = FlexColumn.extends({
   width: '100%',
   justifyContent: 'center',
   alignItems: 'center',
-  backgroundImage: 'url(./pattern.gif)',
+  backgroundColor: colors.light02,
 });
 
 const Welcome = FlexColumn.extends(
@@ -104,12 +104,14 @@ export default class WelcomeScreen extends PureComponent<Props, State> {
   };
 
   componentDidMount() {
+    // waiting sometime before showing the welcome screen to allow Flipper to
+    // connect to devices, if there are any
     setTimeout(
       () =>
         this.setState({
           isMounted: true,
         }),
-      100,
+      2000,
     );
   }