fix: sidebar task counter badge and bottom player play button progres…

…s color
KRTirtho · Apr 28, 2023 · af278d8 · af278d8
1 parent d7135db
commit af278d8
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 17 deletions.
diff --git a/lib/components/player/player_controls.dart b/lib/components/player/player_controls.dart
@@ -206,10 +206,13 @@ class PlayerControls extends HookConsumerWidget {
                   IconButton(
                     tooltip: playing ? "Pause playback" : "Resume playback",
                     icon: playlist?.isLoading == true
-                        ? const SizedBox(
+                        ? SizedBox(
                             height: 20,
                             width: 20,
-                            child: CircularProgressIndicator(),
+                            child: CircularProgressIndicator(
+                              color: accentColor?.titleTextColor ??
+                                  theme.colorScheme.onPrimary,
+                            ),
                           )
                         : Icon(
                             playing ? SpotubeIcons.pause : SpotubeIcons.play,

diff --git a/lib/components/root/sidebar.dart b/lib/components/root/sidebar.dart
@@ -1,3 +1,4 @@
+import 'package:collection/collection.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:go_router/go_router.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
@@ -95,22 +96,26 @@ class Sidebar extends HookConsumerWidget {
         SafeArea(
           child: SidebarX(
             controller: controller,
-            items: sidebarTileList.map(
-              (e) {
+            items: sidebarTileList.mapIndexed(
+              (index, e) {
                 return SidebarXItem(
-                  // iconWidget: Badge(
-                  //   backgroundColor: theme.colorScheme.primary,
-                  //   isLabelVisible: e.title == "Library" && downloadCount > 0,
-                  //   label: Text(
-                  //     downloadCount.toString(),
-                  //     style: const TextStyle(
-                  //       color: Colors.white,
-                  //       fontSize: 10,
-                  //     ),
-                  //   ),
-                  //   child: Icon(e.icon),
-                  // ),
-                  icon: e.icon,
+                  iconWidget: Badge(
+                    backgroundColor: theme.colorScheme.primary,
+                    isLabelVisible: e.title == "Library" && downloadCount > 0,
+                    label: Text(
+                      downloadCount.toString(),
+                      style: const TextStyle(
+                        color: Colors.white,
+                        fontSize: 10,
+                      ),
+                    ),
+                    child: Icon(
+                      e.icon,
+                      color: selectedIndex == index
+                          ? theme.colorScheme.primary
+                          : null,
+                    ),
+                  ),
                   label: e.title,
                 );
               },