feat: optimize the workspace menu loading speed (#6758)

* feat: optimize the workspace menu loading speed

* chore: add workspace menu animation

* feat: optimize workspace menu loading speed on mobile

* test: workspace member count test

* fix: rust ci

.github/workflows/rust_ci.yaml

@@ -43,6 +43,7 @@ jobs:
           cp deploy.env .env
           sed -i '' 's|RUST_LOG=.*|RUST_LOG=trace|' .env
           sed -i '' 's|API_EXTERNAL_URL=.*|API_EXTERNAL_URL=http://localhost|' .env
+          sed -i '' 's|APPFLOWY_AI_OPENAI_API_KEY=.*|APPFLOWY_AI_OPENAI_API_KEY=${{ secrets.CI_OPENAI_API_KEY }}|' .env
 
       - name: Ensure AppFlowy-Cloud is Running with Correct Version
         working-directory: AppFlowy-Cloud

frontend/appflowy_flutter/integration_test/desktop/cloud/workspace/collaborative_workspace_test.dart

@@ -74,5 +74,32 @@ void main() {
         },
       );
     });
+
+    testWidgets('check the member count immediately after creating a workspace',
+        (tester) async {
+      // only run the test when the feature flag is on
+      if (!FeatureFlag.collaborativeWorkspace.isOn) {
+        return;
+      }
+
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      const name = 'AppFlowy.IO';
+      // the workspace will be opened after created
+      await tester.createCollaborativeWorkspace(name);
+
+      final loading = find.byType(Loading);
+      await tester.pumpUntilNotFound(loading);
+
+      await tester.openCollaborativeWorkspaceMenu();
+
+      // expect to see the member count
+      final memberCount = find.text('1 member');
+      expect(memberCount, findsNWidgets(2));
+    });
   });
 }

frontend/appflowy_flutter/lib/mobile/presentation/home/workspaces/workspace_menu_bottom_sheet.dart

@@ -234,6 +234,7 @@ class _WorkspaceMenuItemContent extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final memberCount = workspace.memberCount.toInt();
     return Padding(
       padding: const EdgeInsets.only(left: 12),
       child: Column(
@@ -247,10 +248,10 @@ class _WorkspaceMenuItemContent extends StatelessWidget {
             overflow: TextOverflow.ellipsis,
           ),
           FlowyText(
-            context.read<WorkspaceMemberBloc>().state.isLoading
+            memberCount == 0
                 ? ''
                 : LocaleKeys.settings_appearance_members_membersCount.plural(
-                    context.read<WorkspaceMemberBloc>().state.members.length,
+                    memberCount,
                   ),
             fontSize: 10.0,
             color: Theme.of(context).hintColor,

frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_actions.dart

@@ -170,7 +170,7 @@ class _WorkspaceMoreActionWrapper extends CustomActionCell {
     switch (inner) {
       case WorkspaceMoreAction.delete:
         return FlowySvg(
-          FlowySvgs.delete_s,
+          FlowySvgs.trash_s,
           color: onHover ? Theme.of(context).colorScheme.error : null,
         );
       case WorkspaceMoreAction.rename:

frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_menu.dart

@@ -196,13 +196,10 @@ class _WorkspaceMenuItemState extends State<WorkspaceMenuItem> {
   }
 
   Widget _buildRightIcon(BuildContext context, ValueNotifier<bool> isHovered) {
-    // only the owner can update or delete workspace.
-    if (context.read<WorkspaceMemberBloc>().state.isLoading) {
-      return const SizedBox.shrink();
-    }
-
     return Row(
       children: [
+        // only the owner can update or delete workspace.
+        if (!context.read<WorkspaceMemberBloc>().state.isLoading)
           ValueListenableBuilder(
             valueListenable: isHovered,
             builder: (context, value, child) {
@@ -244,9 +241,7 @@ class _WorkspaceInfo extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return BlocBuilder<WorkspaceMemberBloc, WorkspaceMemberState>(
+    final memberCount = workspace.memberCount.toInt();
-      builder: (context, state) {
-        final members = state.members;
     return FlowyButton(
       onTap: () => _openWorkspace(context),
       iconPadding: 10.0,
@@ -267,11 +262,10 @@ class _WorkspaceInfo extends StatelessWidget {
           ),
           // workspace members count
           FlowyText.regular(
-                state.isLoading
+            memberCount == 0
                 ? ''
-                    : LocaleKeys.settings_appearance_members_membersCount
+                : LocaleKeys.settings_appearance_members_membersCount.plural(
-                        .plural(
+                    memberCount,
-                        members.length,
                   ),
             fontSize: 10.0,
             figmaLineHeight: 12.0,
@@ -280,8 +274,6 @@ class _WorkspaceInfo extends StatelessWidget {
         ],
       ),
     );
-      },
-    );
   }
 
   void _openWorkspace(BuildContext context) {

frontend/appflowy_flutter/lib/workspace/presentation/home/menu/sidebar/workspace/sidebar_workspace.dart

@@ -204,9 +204,12 @@ class _SidebarSwitchWorkspaceButtonState
   @override
   Widget build(BuildContext context) {
     return AppFlowyPopover(
-      direction: PopoverDirection.bottomWithLeftAligned,
+      direction: PopoverDirection.bottomWithCenterAligned,
       offset: const Offset(0, 5),
       constraints: const BoxConstraints(maxWidth: 300, maxHeight: 600),
+      animationDuration: Durations.short3,
+      beginScaleFactor: 1.0,
+      beginOpacity: 0.8,
       controller: _popoverController,
       triggerActions: PopoverTriggerFlags.none,
       onOpen: () {

frontend/rust-lib/flowy-user/src/user_manager/manager_user_workspace.rs

@@ -679,6 +679,7 @@ pub fn save_user_workspace(
       user_workspace_table::created_at.eq(&user_workspace.created_at),
       user_workspace_table::database_storage_id.eq(&user_workspace.database_storage_id),
       user_workspace_table::icon.eq(&user_workspace.icon),
+      user_workspace_table::member_count.eq(&user_workspace.member_count),
     ))
     .execute(conn)?;
 
@@ -729,6 +730,7 @@ pub fn save_all_user_workspaces(
         user_workspace_table::created_at.eq(&user_workspace.created_at),
         user_workspace_table::database_storage_id.eq(&user_workspace.database_storage_id),
         user_workspace_table::icon.eq(&user_workspace.icon),
+        user_workspace_table::member_count.eq(&user_workspace.member_count),
       ))
       .execute(conn)?;