fix(windows): windows global title bar

lib/components/shared/page_window_title_bar.dart

@@ -1,40 +1,114 @@
 import 'package:bitsdojo_window/bitsdojo_window.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:platform_ui/platform_ui.dart';
 import 'package:spotube/utils/platform.dart';
 
-class PageWindowTitleBar extends PlatformAppBar {
+class PageWindowTitleBar extends StatefulHookWidget with PreferredSizeWidget {
+  final Widget? leading;
+  final bool automaticallyImplyLeading;
+  final Widget? title;
+  final List<Widget>? actions;
+  final Color? backgroundColor;
+  final Color? foregroundColor;
+  final IconThemeData? actionsIconTheme;
+  final bool? centerTitle;
+  final double? titleSpacing;
+  final double toolbarOpacity;
+  final double? leadingWidth;
+  final TextStyle? toolbarTextStyle;
+  final TextStyle? titleTextStyle;
+  final double? titleWidth;
+  final Widget? center;
+  final bool hideWhenWindows;
+
   PageWindowTitleBar({
-    super.backgroundColor,
-    List<Widget>? actions,
-    super.actionsIconTheme,
-    super.automaticallyImplyLeading = false,
-    super.centerTitle,
-    super.foregroundColor,
-    super.key,
-    super.leading,
-    super.leadingWidth,
-    Widget? center,
-    super.titleSpacing,
-    super.titleTextStyle,
-    super.titleWidth,
-    super.toolbarOpacity,
-    super.toolbarTextStyle,
-  }) : super(
+    Key? key,
+    this.title,
+    this.actions,
+    this.center,
+    this.toolbarOpacity = 1,
+    this.backgroundColor,
+    this.actionsIconTheme,
+    this.automaticallyImplyLeading = false,
+    this.centerTitle,
+    this.foregroundColor,
+    this.leading,
+    this.leadingWidth,
+    this.titleSpacing,
+    this.titleTextStyle,
+    this.titleWidth,
+    this.toolbarTextStyle,
+    this.hideWhenWindows = true,
+  }) : super(key: key);
+
+  @override
+  Size get preferredSize => Size.fromHeight(
+        platform == TargetPlatform.windows ? 33 : kToolbarHeight,
+      );
+
+  @override
+  State<PageWindowTitleBar> createState() => _PageWindowTitleBarState();
+}
+
+class _PageWindowTitleBarState extends State<PageWindowTitleBar> {
+  @override
+  Widget build(BuildContext context) {
+    useEffect(() {
+      if (platform == TargetPlatform.windows &&
+          widget.hideWhenWindows &&
+          Navigator.of(context).canPop()) {
+        final entry = OverlayEntry(
+          builder: (context) => const Positioned(
+            left: 5,
+            top: 5,
+            child: PlatformBackButton(),
+          ),
+        );
+
+        WidgetsBinding.instance.addPostFrameCallback((_) {
+          Overlay.of(context)?.insert(entry);
+        });
+
+        return () {
+          entry.remove();
+        };
+      }
+      return null;
+    }, [platform, widget.hideWhenWindows]);
+
+    var appBar = PlatformAppBar(
       actions: [
-            ...?actions,
+        ...?widget.actions,
         if (!kIsMacOS && !kIsMobile)
           platform == TargetPlatform.linux
               ? MoveWindow(child: const PlatformWindowButtons())
               : const PlatformWindowButtons(),
       ],
       title: platform == TargetPlatform.linux
-              ? MoveWindow(child: Center(child: center))
-              : center,
+          ? MoveWindow(child: Center(child: widget.center))
+          : widget.center,
+      toolbarOpacity: widget.toolbarOpacity,
+      backgroundColor: widget.backgroundColor,
+      actionsIconTheme: widget.actionsIconTheme,
+      automaticallyImplyLeading: widget.automaticallyImplyLeading,
+      centerTitle: widget.centerTitle,
+      foregroundColor: widget.foregroundColor,
+      leading: widget.leading,
+      leadingWidth: widget.leadingWidth,
+      titleSpacing: widget.titleSpacing,
+      titleTextStyle: widget.titleTextStyle,
+      titleWidth: widget.titleWidth,
+      toolbarTextStyle: widget.toolbarTextStyle,
     );
 
-  @override
-  Widget build(BuildContext context) {
-    return MoveWindow(child: super.build(context));
+    if (platform == TargetPlatform.windows && widget.hideWhenWindows) {
+      return const SizedBox.shrink();
+    }
+
+    return MoveWindow(
+      child: appBar,
+    );
   }
 }

lib/pages/library/library.dart

@@ -23,12 +23,7 @@ class LibraryPage extends HookConsumerWidget {
       const UserAlbums(),
     ][index.value];
 
-    return SafeArea(
-      child: PlatformScaffold(
-        appBar: PageWindowTitleBar(
-          titleWidth: 347,
-          centerTitle: true,
-          center: PlatformTabBar(
+    var tabbar = PlatformTabBar(
       androidIsScrollable: true,
       selectedIndex: index.value,
       onSelectedIndexChanged: (value) => index.value = value,
@@ -41,7 +36,18 @@ class LibraryPage extends HookConsumerWidget {
         PlatformTab(label: 'Artists', icon: const SizedBox.shrink()),
         PlatformTab(label: 'Albums', icon: const SizedBox.shrink()),
       ],
-          ),
+    );
+    return SafeArea(
+      child: PlatformScaffold(
+        appBar: platform == TargetPlatform.windows
+            ? PreferredSize(
+                preferredSize: const Size.fromHeight(40),
+                child: tabbar,
+              )
+            : PageWindowTitleBar(
+                titleWidth: 347,
+                centerTitle: true,
+                center: tabbar,
               ),
         body: body,
       ),

lib/pages/lyrics/lyrics.dart

@@ -42,19 +42,13 @@ class LyricsPage extends HookConsumerWidget {
       GeniusLyrics(palette: palette),
     ][index.value];
 
-    return PlatformScaffold(
-      extendBodyBehindAppBar: true,
-      appBar: !kIsMacOS
-          ? PageWindowTitleBar(
-              toolbarOpacity: 0,
-              backgroundColor: Colors.transparent,
-              center: PlatformTabBar(
-                isNavigational:
-                    PlatformProperty.only(linux: true, other: false),
+    final tabbar = PreferredSize(
+      preferredSize: const Size.fromHeight(40),
+      child: PlatformTabBar(
+        isNavigational: PlatformProperty.only(linux: true, other: false),
         selectedIndex: index.value,
         onSelectedIndexChanged: (value) => index.value = value,
-                backgroundColor:
-                    PlatformTheme.of(context).scaffoldBackgroundColor,
+        backgroundColor: PlatformTheme.of(context).scaffoldBackgroundColor,
         tabs: [
           PlatformTab(
             label: "Synced",
@@ -68,7 +62,17 @@ class LyricsPage extends HookConsumerWidget {
           ),
         ],
       ),
+    );
+    return PlatformScaffold(
+      extendBodyBehindAppBar: true,
+      appBar: !kIsMacOS
+          ? (platform != TargetPlatform.windows
+              ? PageWindowTitleBar(
+                  toolbarOpacity: 0,
+                  backgroundColor: Colors.transparent,
+                  center: tabbar,
                 )
+              : tabbar)
           : null,
       body: Container(
         clipBehavior: Clip.hardEdge,

lib/pages/root/root_app.dart

@@ -8,6 +8,7 @@ import 'package:spotube/components/shared/dialogs/replace_downloaded_dialog.dart
 import 'package:spotube/components/root/bottom_player.dart';
 import 'package:spotube/components/root/sidebar.dart';
 import 'package:spotube/components/root/spotube_navigation_bar.dart';
+import 'package:spotube/components/shared/page_window_title_bar.dart';
 import 'package:spotube/hooks/use_update_checker.dart';
 import 'package:spotube/provider/downloader_provider.dart';
 
@@ -63,6 +64,9 @@ class RootApp extends HookConsumerWidget {
     }, [backgroundColor]);
 
     return PlatformScaffold(
+      appBar: platform == TargetPlatform.windows
+          ? PageWindowTitleBar(hideWhenWindows: false)
+          : null,
       body: Sidebar(
         selectedIndex: index.value,
         onSelectedIndexChanged: (i) {