From 43e5c2bea33ebca1a5397dbed1063bdf845ff93b Mon Sep 17 00:00:00 2001
From: Pat Hartl <pat@pathar.tl>
Date: Tue, 1 Oct 2024 18:23:58 -0500
Subject: [PATCH] Switch dashboard charts to dark theme if set

Fixes #118
---
 .../Charts/TopGamesAverageSessionPlaytime.razor      | 12 +++++++++++-
 .../UI/Pages/Dashboard/Charts/TopGamesPlaytime.razor |  9 ++++++++-
 .../Pages/Dashboard/Charts/TopPlayersPlaytime.razor  |  9 ++++++++-
 LANCommander.Server/wwwroot/css/site.css             |  4 ++++
 4 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/LANCommander.Server/UI/Pages/Dashboard/Charts/TopGamesAverageSessionPlaytime.razor b/LANCommander.Server/UI/Pages/Dashboard/Charts/TopGamesAverageSessionPlaytime.razor
index 34e42a09..93f57799 100644
--- a/LANCommander.Server/UI/Pages/Dashboard/Charts/TopGamesAverageSessionPlaytime.razor
+++ b/LANCommander.Server/UI/Pages/Dashboard/Charts/TopGamesAverageSessionPlaytime.razor
@@ -1,12 +1,17 @@
 @using AntDesign.Charts
 @using ByteSizeLib
+@using LANCommander.Server.Models
 @inject PlaySessionService PlaySessionService
 
 <Spin Spinning="Loading">
-    <AntDesign.Charts.Column Data="Data" Config="Config" JsConfig="@JsConfig" />
+    <div class="dashboard-chart">
+        <AntDesign.Charts.Column Data="Data" Config="Config" JsConfig="@JsConfig" />
+    </div>
 </Spin>
 
 @code {
+    LANCommanderSettings Settings = SettingService.GetSettings();
+
     object[] Data;
 
     bool Loading = true;
@@ -16,6 +21,9 @@
             playtime: {
                 alias: 'Average Session Playtime',
                 formatter: (v) => Math.floor(v / 3600) > 0 ? `${Math.floor(v / 3600)}h ${Math.floor((v % 3600) / 60)}m` : `${Math.floor((v % 3600) / 60)}m`
+            },
+            game: {
+                alias: 'Game'
             }
         },
         label: {
@@ -38,6 +46,8 @@
     {
         if (firstRender)
         {
+            Config.Theme = Settings.Theme == LANCommanderTheme.Dark ? "dark" : "light";
+
             Dictionary<string, TimeSpan> playtimes = new Dictionary<string, TimeSpan>();
 
             var sessions = await PlaySessionService.Get();
diff --git a/LANCommander.Server/UI/Pages/Dashboard/Charts/TopGamesPlaytime.razor b/LANCommander.Server/UI/Pages/Dashboard/Charts/TopGamesPlaytime.razor
index 4f7ad138..b2dca67a 100644
--- a/LANCommander.Server/UI/Pages/Dashboard/Charts/TopGamesPlaytime.razor
+++ b/LANCommander.Server/UI/Pages/Dashboard/Charts/TopGamesPlaytime.razor
@@ -1,12 +1,17 @@
 @using AntDesign.Charts
 @using ByteSizeLib
+@using LANCommander.Server.Models
 @inject PlaySessionService PlaySessionService
 
 <Spin Spinning="Loading">
-    <Pie Data="Data" Config="Config" JsConfig="@JsConfig" />
+    <div class="dashboard-chart">
+        <Pie Data="Data" Config="Config" JsConfig="@JsConfig" />
+    </div>
 </Spin>
 
 @code {
+    LANCommanderSettings Settings = SettingService.GetSettings();
+
     object[] Data;
 
     bool Loading = true;
@@ -38,6 +43,8 @@
     {
         if (firstRender)
         {
+            Config.Theme = Settings.Theme == LANCommanderTheme.Dark ? "dark" : "light";
+
             Dictionary<string, TimeSpan> playtimes = new Dictionary<string, TimeSpan>();
 
             var sessions = await PlaySessionService.Get();
diff --git a/LANCommander.Server/UI/Pages/Dashboard/Charts/TopPlayersPlaytime.razor b/LANCommander.Server/UI/Pages/Dashboard/Charts/TopPlayersPlaytime.razor
index be974b55..d2e83d87 100644
--- a/LANCommander.Server/UI/Pages/Dashboard/Charts/TopPlayersPlaytime.razor
+++ b/LANCommander.Server/UI/Pages/Dashboard/Charts/TopPlayersPlaytime.razor
@@ -1,12 +1,17 @@
 @using AntDesign.Charts
 @using ByteSizeLib
+@using LANCommander.Server.Models
 @inject PlaySessionService PlaySessionService
 
 <Spin Spinning="Loading">
-    <Bar Data="Data" Config="Config" JsConfig="@JsConfig" />
+    <div class="dashboard-chart">
+        <Bar Data="Data" Config="Config" JsConfig="@JsConfig" />
+    </div>
 </Spin>
 
 @code {
+    LANCommanderSettings Settings = SettingService.GetSettings();
+
     object[] Data;
 
     bool Loading = true;
@@ -43,6 +48,8 @@
     {
         if (firstRender)
         {
+            Config.Theme = Settings.Theme == LANCommanderTheme.Dark ? "dark" : "light";
+
             Dictionary<string, TimeSpan> playtimes = new Dictionary<string, TimeSpan>();
 
             var sessions = await PlaySessionService.Get();
diff --git a/LANCommander.Server/wwwroot/css/site.css b/LANCommander.Server/wwwroot/css/site.css
index 1270b944..d9d7c9d0 100644
--- a/LANCommander.Server/wwwroot/css/site.css
+++ b/LANCommander.Server/wwwroot/css/site.css
@@ -213,6 +213,10 @@ label.ant-btn-icon-only {
     background: #0a0a0a;
 }
 
+.dashboard-chart > div {
+    background: none !important;
+}
+
 @media screen and (min-width: 768px) {
     .mobile-menu {
         display: none;