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/NotificationScreen.tsx

@@ -0,0 +1,102 @@
+/**
+ * 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 {PureComponent, Fragment} from 'react';
+import {Logger} from '../fb-interfaces/Logger';
+import {connect} from 'react-redux';
+import {State as Store} from '../reducers/index';
+import {ConnectedNotificationsTable} from '../NotificationsHub';
+import {Button, colors, styled, FlexColumn} from '../ui';
+import {clearAllNotifications} from '../reducers/notifications';
+import {selectPlugin} from '../reducers/connections';
+import React from 'react';
+
+type StateFromProps = {
+  deepLinkPayload: string | null;
+  blacklistedPlugins: Array<string>;
+  blacklistedCategories: Array<string>;
+};
+
+type DispatchFromProps = {
+  clearAllNotifications: () => void;
+  selectPlugin: (payload: {
+    selectedPlugin: string | null;
+    selectedApp: string | null | undefined;
+    deepLinkPayload: string | null;
+  }) => any;
+};
+
+type OwnProps = {
+  logger: Logger;
+};
+
+type Props = StateFromProps & DispatchFromProps & OwnProps;
+
+type State = {};
+
+const Container = styled(FlexColumn)({
+  width: 0,
+  flexGrow: 1,
+  flexShrink: 1,
+  backgroundColor: colors.white,
+});
+
+class Notifications extends PureComponent<Props, State> {
+  render() {
+    const {
+      blacklistedPlugins,
+      blacklistedCategories,
+      deepLinkPayload,
+      logger,
+      clearAllNotifications,
+      selectPlugin,
+    } = this.props;
+    return (
+      <React.Fragment>
+        <Container>
+          <ConnectedNotificationsTable
+            onClear={clearAllNotifications}
+            selectedID={deepLinkPayload}
+            onSelectPlugin={selectPlugin}
+            logger={logger}
+            defaultFilters={[
+              ...blacklistedPlugins.map(value => ({
+                value,
+                type: 'exclude',
+                key: 'plugin',
+              })),
+              ...blacklistedCategories.map(value => ({
+                value,
+                type: 'exclude',
+                key: 'category',
+              })),
+            ]}
+            actions={
+              <Fragment>
+                <Button onClick={clearAllNotifications}>Clear</Button>
+              </Fragment>
+            }
+          />
+        </Container>
+      </React.Fragment>
+    );
+  }
+}
+
+export default connect<StateFromProps, DispatchFromProps, OwnProps, Store>(
+  ({
+    connections: {deepLinkPayload},
+    notifications: {blacklistedPlugins, blacklistedCategories},
+  }) => ({
+    deepLinkPayload,
+    blacklistedPlugins,
+    blacklistedCategories,
+  }),
+  {clearAllNotifications, selectPlugin},
+)(Notifications);