Feat/cloud integration (#569)

* Chore/unit test (#538)

* chore: add unit test

* chore: add github action for unit test

* feat: init firebase

* chore: add development secrets

* fix: rename auth -> data-services

* feat: update blocksuite 0.3.0-alpha.4 (#543)

* feat: add requests

* feat: optimize  swr cache

* feat: add Authorization

* feat: add confirm-invitation page

* feat: add account sdk api and proxy

* docs: update contributing (#550)

* docs: update contributing

* Update CONTRIBUTING.md

* Update CONTRIBUTING.md

Co-authored-by: ShortCipher5 <me@shortcipher.me>

* feat: update api

* feat: remove babelrc setting

* feat: add create workspace ui

* feat: choose workspaces

* feat: login modal

* feat: authorization api

* feat: login status

* fix: remove unused variables

* feat: login button

* fix: lint

* fix: workspace id

* fix: i18n type error

Co-authored-by: MingLiang Wang <mingliangwang0o0@gmail.com>
Co-authored-by: ShortCipher5 <me@shortcipher.me>

packages/app/src/pages-content/ConfirmInvitationPage/AlreadyJoined.tsx

@@ -0,0 +1,10 @@
+export const AlreadyJoined = () => {
+  return (
+    <div>
+      <p>
+        You are already a member of <code>Workspace name</code>
+      </p>
+      <button>Open Workspace</button>
+    </div>
+  );
+};

packages/app/src/pages-content/ConfirmInvitationPage/Confirm.tsx

@@ -0,0 +1,11 @@
+export const Confirm = () => {
+  return (
+    <div>
+      <p>Inviter name</p>
+      <p>
+        invite you to join in <code>Workspace name</code>
+      </p>
+      <button>Join</button>
+    </div>
+  );
+};

packages/app/src/pages-content/ConfirmInvitationPage/LinkExpired.tsx

@@ -0,0 +1,8 @@
+export const LinkExpired = () => {
+  return (
+    <div>
+      <h1>The current invitation link has expired.</h1>
+      <a href={location.origin}>Back to home</a>
+    </div>
+  );
+};

packages/app/src/pages-content/ConfirmInvitationPage/index.tsx

@@ -0,0 +1,21 @@
+import { useRouter } from 'next/router';
+import { AlreadyJoined } from './AlreadyJoined';
+import { Confirm } from './Confirm';
+import { LinkExpired } from './LinkExpired';
+
+export const ConfirmInvitation = () => {
+  const router = useRouter();
+  // Temporary code. The code should be returned by request.
+  const { code } = router.query;
+  const Component = {
+    '-1': LinkExpired,
+    0: Confirm,
+    1: AlreadyJoined,
+  }[code as string];
+  return (
+    <div>
+      <h1>Confirm Invitation</h1>
+      {Component ? <Component /> : null}
+    </div>
+  );
+};