feat(cat-voices): workspace filtering and tabs (#3765)

* feat: adding translations

* chore: update workspace page

* chore: update user proposals

* feat: workspace proposal filter

* chore: adding new implemention of proposal brief

* feat: workspace proposal tab

* feat: adding new proposal invites

* chore: move widgets in widget dir

* feat: adding empty state for proposal invites

* feat: updating filters

* feat: updating filters options

* feat: proposal invites count

* fix: spelling

* chore: review update

* feat: adding new options to filters and brief data

* feat(cat-voices): Using new stream source for WorkspaceBloc (#3785)

* feat: working integration

* chore: use bloc instead of cubit

* chore: final changes

* chore: selfreview

* feat: review update

* fix: readme

* chore: rename factory constructor

* feat: merge collaborators status enum into one

* fix: format

Author: LynxLynxx

catalyst_voices/README.md

@@ -22,10 +22,12 @@ This repository contains the Catalyst Voices app and packages.
             * [Using Feature Flags with --dart-define](#using-feature-flags-with---dart-define)
         * [Code Generation](#code-generation)
             * [Running Code Generation](#running-code-generation)
-                * [Basic Generation](#basic-generation)
-                * [Local Saving](#local-saving)
-            * [GitHub Token / PAT Setup](#github-token--pat-setup)
-            * [Security Notes](#security-notes)
+    * [Code Generation](#code-generation)
+      *[Running Code Generation](#running-code-generation)
+        * [Basic Generation](#basic-generation)
+      *[Local Saving](#local-saving)
+        * [GitHub Token / PAT Setup](#github-token--pat-setup)
+        * [Security Notes](#security-notes)
     * [Running Tests](#running-tests)
 
 ## Requirements

catalyst_voices/apps/voices/lib/dependency/dependencies.dart

@@ -130,6 +130,7 @@ final class Dependencies extends DependencyProvider {
       )
       ..registerFactory<WorkspaceBloc>(() {
         return WorkspaceBloc(
+          get<UserService>(),
           get<CampaignService>(),
           get<ProposalService>(),
           get<DocumentMapper>(),

catalyst_voices/apps/voices/lib/pages/overall_spaces/space/user_proposal_overview/widgets/error_user_proposal_overview.dart

@@ -33,7 +33,7 @@ class _Error extends StatelessWidget {
       padding: const EdgeInsets.only(top: 60),
       child: VoicesErrorIndicator(
         message: error?.message(context) ?? const LocalizedUnknownException().message(context),
-        onRetry: () => context.read<WorkspaceBloc>().add(const WatchUserProposalsEvent()),
+        onRetry: () => context.read<WorkspaceBloc>().add(const ChangeWorkspaceFilters()),
       ),
     );
   }

catalyst_voices/apps/voices/lib/pages/overall_spaces/spaces_overview_list_view.dart

@@ -7,6 +7,7 @@ import 'package:catalyst_voices/widgets/containers/grey_out_container.dart';
 import 'package:catalyst_voices/widgets/widgets.dart';
 import 'package:catalyst_voices_blocs/catalyst_voices_blocs.dart';
 import 'package:catalyst_voices_models/catalyst_voices_models.dart';
+import 'package:catalyst_voices_view_models/catalyst_voices_view_models.dart';
 import 'package:flutter/material.dart';
 
 class SpacesListView extends StatefulWidget {
@@ -73,6 +74,11 @@ class _SpacesListViewState extends State<SpacesListView> {
   @override
   void initState() {
     super.initState();
-    context.read<WorkspaceBloc>().add(const WatchUserProposalsEvent());
+    context.read<WorkspaceBloc>().add(
+      const ChangeWorkspaceFilters(
+        filters: WorkspaceFilters.allProposals,
+        tab: WorkspacePageTab.proposals,
+      ),
+    );
   }
 }

catalyst_voices/apps/voices/lib/pages/proposal/widget/proposal_collaborators.dart

@@ -76,7 +76,7 @@ class _Collaborator extends StatelessWidget {
 }
 
 class _Status extends StatelessWidget {
-  final CollaboratorInvitationStatus status;
+  final ProposalsCollaborationStatus status;
 
   const _Status({required this.status});
 
@@ -103,7 +103,7 @@ class _Status extends StatelessWidget {
 
 class _Username extends StatelessWidget {
   final CatalystId catalystId;
-  final CollaboratorInvitationStatus status;
+  final ProposalsCollaborationStatus status;
 
   const _Username({
     required this.catalystId,

catalyst_voices/apps/voices/lib/pages/workspace/page/workspace_error.dart

@@ -38,7 +38,7 @@ class _WorkspaceError extends StatelessWidget {
       child: VoicesErrorIndicator(
         message: message,
         onRetry: () {
-          const event = WatchUserProposalsEvent();
+          const event = ChangeWorkspaceFilters();
           context.read<WorkspaceBloc>().add(event);
         },
       ),

catalyst_voices/apps/voices/lib/pages/workspace/page/workspace_page.dart

@@ -3,49 +3,56 @@ import 'dart:async';
 import 'package:catalyst_voices/common/error_handler.dart';
 import 'package:catalyst_voices/common/signal_handler.dart';
 import 'package:catalyst_voices/pages/campaign_phase_aware/proposal_submission_phase_aware.dart';
-import 'package:catalyst_voices/pages/workspace/header/workspace_header.dart';
 import 'package:catalyst_voices/pages/workspace/page/workspace_error.dart';
 import 'package:catalyst_voices/pages/workspace/page/workspace_loading.dart';
-import 'package:catalyst_voices/pages/workspace/page/workspace_user_proposals.dart';
 import 'package:catalyst_voices/pages/workspace/submission_closing_warning_dialog.dart';
+import 'package:catalyst_voices/pages/workspace/widgets/header/workspace_header.dart';
+import 'package:catalyst_voices/pages/workspace/widgets/workspace_content.dart';
 import 'package:catalyst_voices/routes/routing/proposal_builder_route.dart';
+import 'package:catalyst_voices/routes/routing/spaces_route.dart';
 import 'package:catalyst_voices/widgets/snackbar/common_snackbars.dart';
 import 'package:catalyst_voices/widgets/snackbar/voices_snackbar.dart';
 import 'package:catalyst_voices/widgets/snackbar/voices_snackbar_type.dart';
+import 'package:catalyst_voices/widgets/tabbar/voices_tab_controller.dart';
 import 'package:catalyst_voices_blocs/catalyst_voices_blocs.dart';
 import 'package:catalyst_voices_localization/catalyst_voices_localization.dart';
 import 'package:catalyst_voices_view_models/catalyst_voices_view_models.dart';
 import 'package:flutter/material.dart';
 
 class WorkspacePage extends StatefulWidget {
-  const WorkspacePage({super.key});
+  final WorkspacePageTab? tab;
+
+  const WorkspacePage({super.key, this.tab});
 
   @override
   State<WorkspacePage> createState() => _WorkspacePageState();
 }
 
 class _WorkspacePageState extends State<WorkspacePage>
     with
+        TickerProviderStateMixin,
         SignalHandlerStateMixin<WorkspaceBloc, WorkspaceSignal, WorkspacePage>,
         ErrorHandlerStateMixin<WorkspaceBloc, WorkspacePage> {
+  late final VoicesTabController<WorkspacePageTab> _tabController;
+
   @override
   Widget build(BuildContext context) {
-    return const ProposalSubmissionPhaseAware(
+    return ProposalSubmissionPhaseAware(
       activeChild: Scaffold(
         body: WorkspaceLoading(
           child: CustomScrollView(
             slivers: [
-              SliverToBoxAdapter(
+              const SliverToBoxAdapter(
                 child: SizedBox(height: 10),
               ),
-              SliverToBoxAdapter(
+              const SliverToBoxAdapter(
                 child: WorkspaceHeader(),
               ),
-              SliverToBoxAdapter(
+              const SliverToBoxAdapter(
                 child: WorkspaceError(),
               ),
-              WorkspaceUserProposals(),
-              SliverToBoxAdapter(
+              WorkspaceContent(tabController: _tabController),
+              const SliverToBoxAdapter(
                 child: SizedBox(height: 50),
               ),
             ],
@@ -55,6 +62,26 @@ class _WorkspacePageState extends State<WorkspacePage>
     );
   }
 
+  @override
+  void didUpdateWidget(WorkspacePage oldWidget) {
+    super.didUpdateWidget(oldWidget);
+
+    final tab = widget.tab ?? WorkspacePageTab.proposals;
+
+    if (widget.tab != oldWidget.tab) {
+      _tabController.animateToTab(tab);
+      context.read<WorkspaceBloc>().add(
+        ChangeWorkspaceFilters(tab: tab),
+      );
+    }
+  }
+
+  @override
+  void dispose() {
+    _tabController.dispose();
+    super.dispose();
+  }
+
   @override
   void handleError(Object error) {
     if (error is LocalizedProposalDeletionException) {
@@ -67,6 +94,8 @@ class _WorkspacePageState extends State<WorkspacePage>
   @override
   void handleSignal(WorkspaceSignal signal) {
     switch (signal) {
+      case ChangeTabWorkspaceSignal(:final tab):
+        _updateRoute(tab: tab);
       case ImportedProposalWorkspaceSignal():
         unawaited(
           ProposalBuilderRoute.fromRef(ref: signal.proposalRef).push(context),
@@ -87,13 +116,29 @@ class _WorkspacePageState extends State<WorkspacePage>
   @override
   void initState() {
     super.initState();
-    final bloc = context.read<WorkspaceBloc>();
-    // ignore: cascade_invocations
-    bloc
-      ..add(const WatchUserProposalsEvent())
+    final selectedTab = _determineTab(widget.tab);
+
+    _tabController = VoicesTabController(
+      initialTab: selectedTab,
+      tabs: WorkspacePageTab.values,
+      vsync: this,
+    );
+
+    _tabController.addListener(() {
+      context.read<WorkspaceBloc>().add(
+        ChangeWorkspaceFilters(tab: _tabController.tab),
+      );
+    });
+
+    context.read<WorkspaceBloc>()
+      ..add(InitWorkspaceEvent(tab: selectedTab))
       ..add(const GetTimelineItemsEvent());
   }
 
+  WorkspacePageTab _determineTab(WorkspacePageTab? initialTab) {
+    return initialTab ?? widget.tab ?? WorkspacePageTab.proposals;
+  }
+
   void _dontShowCampaignSubmissionClosingDialog(bool value) {
     context.read<SessionCubit>().updateShowSubmissionClosingWarning(value: !value);
   }
@@ -138,4 +183,16 @@ class _WorkspacePageState extends State<WorkspacePage>
       dontShowAgain: _dontShowCampaignSubmissionClosingDialog,
     );
   }
+
+  void _updateRoute({
+    WorkspacePageTab? tab,
+  }) {
+    Router.neglect(context, () {
+      final effectiveTab = tab ?? widget.tab;
+
+      WorkspaceRoute(
+        tab: effectiveTab?.name,
+      ).replace(context);
+    });
+  }
 }