From 39ae5936fce98d346a0446cc91c057166de53e1d Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Fri, 17 Jul 2020 14:00:23 +1000
Subject: [PATCH] switch graphRange on revlogRange change

---
 ts/src/stats/ButtonsGraph.svelte     |  2 +-
 ts/src/stats/GraphRangeRadios.svelte | 15 +++++++++++++++
 ts/src/stats/HourGraph.svelte        |  2 +-
 ts/src/stats/ReviewsGraph.svelte     |  2 +-
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/ts/src/stats/ButtonsGraph.svelte b/ts/src/stats/ButtonsGraph.svelte
index 810aced48..cdabb510d 100644
--- a/ts/src/stats/ButtonsGraph.svelte
+++ b/ts/src/stats/ButtonsGraph.svelte
@@ -29,7 +29,7 @@
     <h1>{title}</h1>
 
     <div class="range-box-inner">
-        <GraphRangeRadios bind:graphRange {i18n} {revlogRange} />
+        <GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} />
     </div>
 
     <div class="subtitle">{subtitle}</div>
diff --git a/ts/src/stats/GraphRangeRadios.svelte b/ts/src/stats/GraphRangeRadios.svelte
index 5e2346e54..50d61f8f8 100644
--- a/ts/src/stats/GraphRangeRadios.svelte
+++ b/ts/src/stats/GraphRangeRadios.svelte
@@ -6,6 +6,21 @@
     export let i18n: I18n;
     export let revlogRange: RevlogRange;
     export let graphRange: GraphRange;
+    export let followRevlog: boolean = false;
+
+    function onFollowRevlog(revlogRange: RevlogRange) {
+        if (revlogRange === RevlogRange.All) {
+            graphRange = GraphRange.AllTime;
+        } else if (graphRange === GraphRange.AllTime) {
+            graphRange = GraphRange.Year;
+        }
+    }
+
+    $: if (followRevlog) {
+        // split into separate function so svelte does not
+        // run this when graphRange changes
+        onFollowRevlog(revlogRange);
+    }
 
     const month = timeSpan(i18n, 1 * MONTH);
     const month3 = timeSpan(i18n, 3 * MONTH);
diff --git a/ts/src/stats/HourGraph.svelte b/ts/src/stats/HourGraph.svelte
index ac984fb87..c02e6c9a3 100644
--- a/ts/src/stats/HourGraph.svelte
+++ b/ts/src/stats/HourGraph.svelte
@@ -29,7 +29,7 @@
     <h1>{title}</h1>
 
     <div class="range-box-inner">
-        <GraphRangeRadios bind:graphRange {i18n} {revlogRange} />
+        <GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} />
     </div>
 
     <div class="subtitle">{subtitle}</div>
diff --git a/ts/src/stats/ReviewsGraph.svelte b/ts/src/stats/ReviewsGraph.svelte
index 79667a517..f71af0cad 100644
--- a/ts/src/stats/ReviewsGraph.svelte
+++ b/ts/src/stats/ReviewsGraph.svelte
@@ -48,7 +48,7 @@
             {time}
         </label>
 
-        <GraphRangeRadios bind:graphRange {i18n} {revlogRange} />
+        <GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} />
     </div>
 
     <div class="subtitle">{subtitle}</div>