From 008f625c89e0bb930dbb4b92c502e3a273b27807 Mon Sep 17 00:00:00 2001
From: Akshay Nair <phenax5@gmail.com>
Date: Wed, 3 Jun 2020 19:45:38 +0530
Subject: Fixes type issue and adds style to the dark mode button

---
 lib/data/config.dart |  2 +-
 lib/main.dart        |  3 ++-
 lib/pages/Home.dart  | 69 ++++++++++++++++++++++++++++++++++------------------
 3 files changed, 48 insertions(+), 26 deletions(-)

(limited to 'lib')

diff --git a/lib/data/config.dart b/lib/data/config.dart
index 0dd33cd..cef3eb4 100644
--- a/lib/data/config.dart
+++ b/lib/data/config.dart
@@ -8,7 +8,7 @@ class Config {
   Config({ this.theme }) {}
 
   bool isDarkMode() {
-    return theme == 'dark';
+    return theme != 'light';
   }
 }
 
diff --git a/lib/main.dart b/lib/main.dart
index 40aa069..d98a1b1 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -13,10 +13,11 @@ void main() {
 
 class MyAppState extends StreamState<MyApp> {
   // Streams
-  StreamStateValue<Config> config = StreamStateValue<Config>(stream$: getConfig$(), value: Config());
   final Stream<DateTime> time$ =
       Stream.periodic(Duration(seconds: 1), (_x) => DateTime.now()).asBroadcastStream();
 
+  // State
+  StreamStateValue<Config> config = StreamStateValue<Config>(stream$: getConfig$(), value: Config());
   void initState() {
     super.initState();
     initStateValue(config);
diff --git a/lib/pages/Home.dart b/lib/pages/Home.dart
index 8efa86e..b9663fd 100644
--- a/lib/pages/Home.dart
+++ b/lib/pages/Home.dart
@@ -16,6 +16,8 @@ class StatusInfoCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext ctx) {
+    ThemeData theme = Theme.of(ctx);
+
     return StreamBuilder<DateTime>(
         stream: time$,
         initialData: defaultTime,
@@ -23,36 +25,55 @@ class StatusInfoCard extends StatelessWidget {
           Widget child = Text('Loading...', key: Key('loading'));
 
           if (snapshot.hasData) {
-            child = Column(
-                mainAxisAlignment: MainAxisAlignment.start,
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Text(timeFormat.format(snapshot.data),
-                      key: Key('time'),
-                      textAlign: TextAlign.left,
-                      style: const TextStyle(
-                          fontSize: 32.0,
-                          fontWeight: FontWeight.bold,
+            child = Row(
+              mainAxisAlignment: MainAxisAlignment.start,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Expanded(child: Column(
+                    mainAxisAlignment: MainAxisAlignment.start,
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(timeFormat.format(snapshot.data),
+                          key: Key('time'),
+                          textAlign: TextAlign.left,
+                          style: const TextStyle(
+                              fontSize: 32.0,
+                              fontWeight: FontWeight.bold,
+                          ),
                       ),
-                  ),
-                  Text(dateFormat.format(snapshot.data),
-                      key: Key('date'),
-                      textAlign: TextAlign.left,
-                      style: const TextStyle(
-                          fontSize: 16.0,
-                          fontWeight: FontWeight.w300,
+                      Text(dateFormat.format(snapshot.data),
+                          key: Key('date'),
+                          textAlign: TextAlign.left,
+                          style: const TextStyle(
+                              fontSize: 16.0,
+                              fontWeight: FontWeight.w300,
+                          ),
                       ),
-                  ),
-                  FlatButton(
-                    child: Text('Theme'),
-                    onPressed: () { toggleTheme(); }
-                  ),
-                ]
+                    ]
+                )),
+                Container(
+                    width: 40,
+                    height: 30,
+                    child: IconButton(
+                        padding: const EdgeInsets.all(0.0),
+                        visualDensity: const VisualDensity(vertical: 0.0, horizontal: 0.0),
+                        icon: Icon(
+                            Icons.brightness_4,
+                            color: theme.primaryColor,
+                            size: 16.0,
+                            semanticLabel: 'Toggle dark mode',
+                        ),
+                        tooltip: 'Toggle dark mode',
+                        enableFeedback: true,
+                        onPressed: () { toggleTheme(); }
+                    ),
+                ),
+              ],
             );
           }
 
           return Container(
-            height: 300,
+            height: 100,
             padding: EdgeInsets.symmetric(vertical: 8.0),
             child: Align(alignment: Alignment.topLeft, child: child),
           );
-- 
cgit v1.3.1