feat: adding buttons to system drawer

ExpidusOS-archive · Apr 30, 2024 · 8243557 · 8243557
1 parent 3ac1caa
commit 8243557
Show file tree

Hide file tree

Showing 4 changed files with 70 additions and 4 deletions.
diff --git a/lib/views/desktop.dart b/lib/views/desktop.dart
@@ -13,6 +13,7 @@ class _DesktopViewState extends State<DesktopView> {
   @override
   Widget build(BuildContext context) =>
     SystemLayout(
+      userMode: true,
       body: Container(),
     );
 }
diff --git a/lib/widgets/system_bar.dart b/lib/widgets/system_bar.dart
@@ -22,6 +22,18 @@ class SystemBar extends StatelessWidget implements PreferredSizeWidget {
   Widget build(BuildContext context) =>
     AppBar(
       automaticallyImplyLeading: false,
+      leading: Scaffold.of(context).hasDrawer
+        ? IconButton.filled(
+            onPressed: () {
+              final state = Scaffold.of(context);
+              if (state.isDrawerOpen) {
+                state.closeDrawer();
+              } else {
+                state.openDrawer();
+              }
+            },
+            icon: Icon(Icons.apps),
+          ) : null,
       backgroundColor: Theme.of(context).colorScheme.inversePrimary,
       actions: [
         Scaffold.of(context).hasEndDrawer ?

diff --git a/lib/widgets/system_drawer.dart b/lib/widgets/system_drawer.dart
@@ -5,14 +5,47 @@ import '../logic/power.dart';
 import 'power.dart';
 
 class SystemDrawer extends StatelessWidget {
-  const SystemDrawer({ super.key });
+  const SystemDrawer({
+    super.key,
+    this.userMode = false,
+  });
+
+  final bool userMode;
 
   @override
   Widget build(BuildContext context) =>
     Padding(
       padding: const EdgeInsets.all(8.0),
       child: ListView(
         children: [
+          userMode ? Row(
+            children: [
+              Expanded(
+                child: ButtonBar(),
+              ),
+              Align(
+                alignment: Alignment.centerRight,
+                child: ButtonBar(
+                  children: [
+                    IconButton(
+                      style: IconButton.styleFrom(
+                        shape: const LinearBorder(),
+                      ),
+                      onPressed: () {},
+                      icon: Icon(Icons.settings),
+                    ),
+                    IconButton(
+                      style: IconButton.styleFrom(
+                        shape: const LinearBorder(),
+                      ),
+                      onPressed: () {},
+                      icon: Icon(Icons.power),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ) : null,
           StatefulBuilder(
             builder: (context, setState) =>
               PowerBar(
@@ -27,7 +60,7 @@ class SystemDrawer extends StatelessWidget {
                 ),
               ),
           ),
-        ],
+        ].where((e) => e != null).toList().cast<Widget>(),
       ),
     );
 }
diff --git a/lib/widgets/system_layout.dart b/lib/widgets/system_layout.dart
@@ -10,10 +10,12 @@ class SystemLayout extends StatelessWidget {
   const SystemLayout({
     super.key,
     required this.body,
+    this.userMode = false,
     this.bottomSheet,
   });
 
   final Widget body;
+  final bool userMode;
   final Widget? bottomSheet;
 
   Widget _buildMobile(BuildContext context) =>
@@ -34,7 +36,16 @@ class SystemLayout extends StatelessWidget {
           GestureDetector(
             child: ListTileTheme(
               tileColor: Theme.of(context).colorScheme.background,
-              child: const SystemDrawer(),
+              child: IconButtonTheme(
+                data: IconButtonThemeData(
+                  style: IconButton.styleFrom(
+                    backgroundColor: Theme.of(context).colorScheme.background,
+                  ),
+                ),
+                child: SystemDrawer(
+                  userMode: userMode,
+                ),
+              ),
             ),
             onVerticalDragDown: (details) => Backdrop.of(context).fling(),
           ),
@@ -56,7 +67,16 @@ class SystemLayout extends StatelessWidget {
       endDrawer: Drawer(
         child: ListTileTheme(
           tileColor: Theme.of(context).colorScheme.inversePrimary,
-          child: const SystemDrawer(),
+          child: IconButtonTheme(
+            data: IconButtonThemeData(
+              style: IconButton.styleFrom(
+                backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+              ),
+            ),
+            child: SystemDrawer(
+              userMode: userMode,
+            ),
+          ),
         ),
       ),
       body: body,