Feat/blocksuit version (#760)

packages/app/src/components/editor/index.tsx

@@ -42,19 +42,18 @@ export const Editor = ({ page, workspace, setEditor }: Props) => {
         ? 'Welcome to AFFiNE Alpha "Downhill"'
         : '';
       workspace?.setPageMeta(page.id, { title });
-
-      const pageId = page.addBlock({
-        flavour: 'affine:page',
-        title,
-      });
-      page.addBlock({ flavour: 'affine:surface' });
-      const frameId = page.addBlock({ flavour: 'affine:frame' }, pageId);
-      page.addBlock({ flavour: 'affine:frame' }, pageId);
+      const pageBlockId = page.addBlockByFlavour('affine:page', { title });
+      page.addBlockByFlavour('affine:surface', {}, null);
+      // Add frame block inside page block
+      const frameId = page.addBlockByFlavour('affine:frame', {}, pageBlockId);
+      // Add paragraph block inside frame block
       // If this is a first page in workspace, init an introduction markdown
       if (isFirstPage) {
-        editor.clipboard.importMarkdown(exampleMarkdown, `${frameId}`);
+        editor.clipboard.importMarkdown(exampleMarkdown, frameId);
         workspace.setPageMeta(page.id, { title });
         page.resetHistory();
+      } else {
+        page.addBlockByFlavour('affine:paragraph', {}, frameId);
       }
       page.resetHistory();
     }

packages/app/src/components/workspace-modal/WorkspaceCard.tsx

@@ -3,8 +3,9 @@ import {
   CloudIcon,
   LocalIcon,
   OfflineIcon,
+  PublishedIcon,
 } from '@/components/workspace-modal/icons';
-import { PublishIcon, UsersIcon } from '@blocksuite/icons';
+import { UsersIcon } from '@blocksuite/icons';
 import { WorkspaceUnit } from '@affine/datacenter';
 import { useAppState } from '@/providers/app-state-provider';
 import { StyleWorkspaceInfo, StyleWorkspaceTitle, StyledCard } from './styles';
@@ -61,7 +62,7 @@ export const WorkspaceCard = ({
         )}
         {workspaceData.published && (
           <p>
-            <PublishIcon fontSize={16} />
+            <PublishedIcon />
             {t('Published to Web')}
           </p>
         )}

packages/app/src/components/workspace-setting/member/InviteMemberModal.tsx

@@ -78,6 +78,7 @@ export const InviteMemberModal = ({
             <ModalCloseButton
               onClick={() => {
                 onClose();
+                setEmail('');
               }}
             />
           </Header>
@@ -123,6 +124,7 @@ export const InviteMemberModal = ({
               style={{ width: '364px', height: '38px', borderRadius: '40px' }}
               onClick={async () => {
                 await inviteMember(email);
+                setEmail('');
                 onInviteSuccess();
               }}
             >