feat: adding view all proposals (#2299)

Author: LynxLynxx

catalyst_voices/apps/voices/lib/pages/discovery/sections/most_recent_proposals.dart

@@ -28,6 +28,49 @@ class MostRecentProposals extends StatefulWidget {
   State<MostRecentProposals> createState() => _LatestProposalsState();
 }
 
+class ViewAllProposals extends StatelessWidget {
+  const ViewAllProposals({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const _Background(
+      key: Key('MostRecentViewAllProposals'),
+      constraints: BoxConstraints(maxHeight: 184),
+      child: Center(
+        child: _ViewAllProposalsButton(),
+      ),
+    );
+  }
+}
+
+class _Background extends StatelessWidget {
+  final Widget child;
+  final BoxConstraints constraints;
+
+  const _Background({
+    super.key,
+    required this.child,
+    this.constraints = const BoxConstraints(maxHeight: 900),
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      key: const Key('MostRecentProposals'),
+      constraints: constraints,
+      decoration: BoxDecoration(
+        image: DecorationImage(
+          image: CatalystImage.asset(
+            VoicesAssets.images.campaignHero.path,
+          ).image,
+          fit: BoxFit.cover,
+        ),
+      ),
+      child: child,
+    );
+  }
+}
+
 class _LatestProposalsState extends State<MostRecentProposals> {
   late final ScrollController _scrollController;
   late double _scrollPercentage;
@@ -116,15 +159,7 @@ class _LatestProposalsState extends State<MostRecentProposals> {
             ),
           ),
           const SizedBox(height: 16),
-          VoicesFilledButton(
-            backgroundColor: ThemeBuilder.buildTheme().colorScheme.onPrimary,
-            foregroundColor: ThemeBuilder.buildTheme().colorScheme.primary,
-            child: Text(
-              key: const Key('ViewAllProposalsBtn'),
-              context.l10n.viewAllProposals,
-            ),
-            onTap: () => const ProposalsRoute().go(context),
-          ),
+          const _ViewAllProposalsButton(),
           const SizedBox(height: 72),
         ],
       ),
@@ -170,3 +205,20 @@ class _LatestProposalsState extends State<MostRecentProposals> {
     _scrollController.jumpTo(maxScroll * value);
   }
 }
+
+class _ViewAllProposalsButton extends StatelessWidget {
+  const _ViewAllProposalsButton();
+
+  @override
+  Widget build(BuildContext context) {
+    return VoicesFilledButton(
+      backgroundColor: ThemeBuilder.buildTheme().colorScheme.onPrimary,
+      foregroundColor: ThemeBuilder.buildTheme().colorScheme.primary,
+      child: Text(
+        key: const Key('ViewAllProposalsBtn'),
+        context.l10n.viewAllProposals,
+      ),
+      onTap: () => const ProposalsRoute().go(context),
+    );
+  }
+}

catalyst_voices/apps/voices/lib/pages/discovery/state_selectors/most_recent_proposals_selector.dart

@@ -25,17 +25,19 @@ class MostRecentProposalsSelector extends StatelessWidget {
 }
 
 class _MostRecentProposalsData extends StatelessWidget {
+  static const _minProposalsToShowRecent = 6;
+
   const _MostRecentProposalsData();
 
   @override
   Widget build(BuildContext context) {
     return BlocSelector<DiscoveryCubit, DiscoveryState, _ListItems>(
       selector: (state) => state.mostRecentProposals.proposals,
       builder: (context, state) {
-        return Offstage(
-          offstage: state.length < 6,
-          child: MostRecentProposals(proposals: state),
-        );
+        if (state.length < _minProposalsToShowRecent) {
+          return const ViewAllProposals();
+        }
+        return MostRecentProposals(proposals: state);
       },
     );
   }

catalyst_voices/packages/internal/catalyst_voices_blocs/lib/src/discovery/discovery_cubit.dart

@@ -189,7 +189,7 @@ class DiscoveryCubit extends Cubit<DiscoveryState> with BlocErrorEmitterMixin {
     _proposalsSubscription =
         _proposalService.watchLatestProposals(limit: 7).listen(
       (proposals) async {
-        _logger.finest('Got proposals: ${proposals.length}');
+        _logger.info('Got proposals: ${proposals.length}');
         _emitMostRecentProposals(proposals);
         final currentFavorites =
             await _proposalService.watchFavoritesProposalsIds().first;

catalyst_voices/packages/internal/catalyst_voices_services/lib/src/proposal/proposal_service.dart

@@ -392,6 +392,10 @@ final class ProposalServiceImpl implements ProposalService {
     return _proposalRepository
         .watchLatestProposals(limit: limit)
         .switchMap((documents) async* {
+      if (documents.isEmpty) {
+        yield [];
+        return;
+      }
       final proposalsDataStreams = await Future.wait(
         documents.map(_createProposalDataStream).toList(),
       );