Yarn workspaces

Summary:
1) moved "sonar/desktop/src" to "sonar/desktop/app/src", so "app" is now a separate package containing the core Flipper app code
2) Configured yarn workspaces with the root in "sonar/desktop": app, static, pkg, doctor, headless-tests. Plugins are not included for now, I plan to do this later.

Reviewed By: jknoxville

Differential Revision: D20535782

fbshipit-source-id: 600b2301960f37c7d72166e0d04eba462bec9fc1

desktop/app/src/chrome/CancellableExportStatus.tsx

@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import {FlexRow, Button} from '../ui/index';
+import {styled, LoadingIndicator, Text} from 'flipper';
+import React, {Component} from 'react';
+import {colors} from '../ui/components/colors';
+
+const Wrapper = styled(FlexRow)({
+  color: colors.light50,
+  alignItems: 'center',
+  marginLeft: 10,
+});
+
+type Props = {
+  msg: string;
+  onCancel: () => void;
+};
+
+export default class CancellableExportStatus extends Component<Props> {
+  render() {
+    const {msg, onCancel} = this.props;
+    return (
+      <Wrapper>
+        <LoadingIndicator size={16} />
+        &nbsp;
+        <Text>{msg}</Text>
+        &nbsp;
+        <Button onClick={onCancel}> Cancel </Button>
+      </Wrapper>
+    );
+  }
+}