Show notification when a new project is shared and allow joining it

styles/src/styleTree/app.ts

@@ -14,6 +14,7 @@ import contextMenu from "./contextMenu";
 import projectDiagnostics from "./projectDiagnostics";
 import contactNotification from "./contactNotification";
 import updateNotification from "./updateNotification";
+import projectSharedNotification from "./projectSharedNotification";
 import tooltip from "./tooltip";
 import terminal from "./terminal";
 
@@ -47,6 +48,7 @@ export default function app(theme: Theme): Object {
     },
     contactNotification: contactNotification(theme),
     updateNotification: updateNotification(theme),
+    projectSharedNotification: projectSharedNotification(theme),
     tooltip: tooltip(theme),
     terminal: terminal(theme),
   };

styles/src/styleTree/projectSharedNotification.ts

@@ -0,0 +1,22 @@
+import Theme from "../themes/common/theme";
+import { text } from "./components";
+
+export default function projectSharedNotification(theme: Theme): Object {
+  const avatarSize = 12;
+  return {
+    ownerAvatar: {
+      height: avatarSize,
+      width: avatarSize,
+      cornerRadius: 6,
+    },
+    message: {
+      ...text(theme, "sans", "primary", { size: "xs" }),
+    },
+    joinButton: {
+      ...text(theme, "sans", "primary", { size: "xs" })
+    },
+    dismissButton: {
+      ...text(theme, "sans", "primary", { size: "xs" })
+    },
+  };
+}