fix: content behind miniplayer not visible (#53)

lib/features/item_viewer/view/library_item_page.dart

@@ -6,7 +6,7 @@ import 'package:flutter_animate/flutter_animate.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:vaani/api/library_item_provider.dart';
 import 'package:vaani/features/item_viewer/view/library_item_sliver_app_bar.dart';
-import 'package:vaani/features/player/providers/player_form.dart';
+import 'package:vaani/features/player/view/mini_player_bottom_padding.dart';
 import 'package:vaani/router/models/library_item_extras.dart';
 import 'package:vaani/shared/widgets/expandable_description.dart';
 
@@ -56,9 +56,7 @@ class LibraryItemPage extends HookConsumerWidget {
                 child: LibraryItemDescription(id: itemId),
               ),
               // a padding at the bottom to make sure the last item is not hidden by mini player
-              const SliverToBoxAdapter(
-                child: SizedBox(height: playerMinHeight),
-              ),
+              const SliverToBoxAdapter(child: MiniPlayerBottomPadding()),
             ],
           ),
         ),

lib/features/player/providers/player_form.dart

@@ -6,6 +6,7 @@ import 'package:flutter/widgets.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:miniplayer/miniplayer.dart';
 import 'package:riverpod_annotation/riverpod_annotation.dart';
+import 'package:vaani/features/player/providers/audiobook_player.dart';
 
 part 'player_form.g.dart';
 
@@ -60,3 +61,20 @@ double playerHeight(
 }
 
 final audioBookMiniplayerController = MiniplayerController();
+
+@Riverpod(keepAlive: true)
+bool isPlayerActive(
+  IsPlayerActiveRef ref,
+) {
+  try {
+    final player = ref.watch(audiobookPlayerProvider);
+    if (player.book != null) {
+      return true;
+    } else {
+      final playerHeight = ref.watch(playerHeightProvider);
+      return playerHeight < playerMinHeight;
+    }
+  } catch (e) {
+    return false;
+  }
+}

lib/features/player/view/mini_player_bottom_padding.dart

@@ -0,0 +1,16 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:vaani/features/player/providers/player_form.dart';
+
+class MiniPlayerBottomPadding extends HookConsumerWidget {
+  const MiniPlayerBottomPadding({super.key});
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    return AnimatedSize(
+      duration: const Duration(milliseconds: 200),
+      child: ref.watch(isPlayerActiveProvider)
+          ? const SizedBox(height: playerMinHeight + 8)
+          : const SizedBox.shrink(),
+    );
+  }
+}

lib/features/you/view/server_manager.dart

@@ -5,6 +5,7 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:vaani/api/api_provider.dart';
 import 'package:vaani/api/authenticated_user_provider.dart';
 import 'package:vaani/api/server_provider.dart';
+import 'package:vaani/features/player/view/mini_player_bottom_padding.dart';
 import 'package:vaani/main.dart';
 import 'package:vaani/models/error_response.dart';
 import 'package:vaani/router/router.dart';
@@ -260,6 +261,9 @@ class ServerManagerPage extends HookConsumerWidget {
                   },
                 ),
               ),
+
+              MiniPlayerBottomPadding(),
+
             ],
           ),
         ),

lib/features/you/view/you_page.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:vaani/api/api_provider.dart';
+import 'package:vaani/features/player/view/mini_player_bottom_padding.dart';
 import 'package:vaani/router/router.dart';
 import 'package:vaani/settings/constants.dart';
 import 'package:vaani/shared/utils.dart';
@@ -136,6 +137,7 @@ class YouPage extends HookConsumerWidget {
               ),
             ),
           ),
+          SliverToBoxAdapter(child: MiniPlayerBottomPadding()),
         ],
       ),
     );

lib/settings/view/simple_settings_page.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_settings_ui/flutter_settings_ui.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:vaani/features/player/view/mini_player_bottom_padding.dart';
 
 class SimpleSettingsPage extends HookConsumerWidget {
   const SimpleSettingsPage({
@@ -48,6 +49,7 @@ class SimpleSettingsPage extends HookConsumerWidget {
             ),
           // some padding at the bottom
           const SliverPadding(padding: EdgeInsets.only(bottom: 20)),
+          SliverToBoxAdapter(child: MiniPlayerBottomPadding()),
         ],
       ),
     );