From 2635f8f980617c96a6794cebd4748be7d6ae4d57 Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Wed, 22 Jul 2020 14:11:22 +1000
Subject: [PATCH] fix some typescript warnings

---
 ts/src/stats/AddedGraph.svelte     | 2 --
 ts/src/stats/CalendarGraph.svelte  | 3 +--
 ts/src/stats/CardCounts.svelte     | 2 +-
 ts/src/stats/EaseGraph.svelte      | 3 +--
 ts/src/stats/FutureDue.svelte      | 4 +---
 ts/src/stats/GraphsPage.svelte     | 5 +----
 ts/src/stats/HourGraph.svelte      | 1 -
 ts/src/stats/IntervalsGraph.svelte | 4 +---
 ts/src/stats/ReviewsGraph.svelte   | 4 +---
 ts/src/stats/TodayStats.svelte     | 1 -
 10 files changed, 7 insertions(+), 22 deletions(-)

diff --git a/ts/src/stats/AddedGraph.svelte b/ts/src/stats/AddedGraph.svelte
index ac6eeebaa..73c22b472 100644
--- a/ts/src/stats/AddedGraph.svelte
+++ b/ts/src/stats/AddedGraph.svelte
@@ -1,6 +1,5 @@
 <script lang="typescript">
     import { RevlogRange, GraphRange } from "./graphs";
-    import { timeSpan, MONTH, YEAR } from "../time";
     import { I18n } from "../i18n";
     import { HistogramData } from "./histogram-graph";
     import { gatherData, buildHistogram, GraphData } from "./added";
@@ -11,7 +10,6 @@
     export let sourceData: pb.BackendProto.GraphsOut | null = null;
     export let i18n: I18n;
 
-    let svg = null as HTMLElement | SVGElement | null;
     let histogramData = null as HistogramData | null;
     let graphRange: GraphRange = GraphRange.Month;
 
diff --git a/ts/src/stats/CalendarGraph.svelte b/ts/src/stats/CalendarGraph.svelte
index f5e7a449d..ffba2fabe 100644
--- a/ts/src/stats/CalendarGraph.svelte
+++ b/ts/src/stats/CalendarGraph.svelte
@@ -4,7 +4,6 @@
     import { defaultGraphBounds, RevlogRange } from "./graphs";
     import { GraphData, gatherData, renderCalendar } from "./calendar";
     import pb from "../backend/proto";
-    import { timeSpan, MONTH, YEAR } from "../time";
     import { I18n } from "../i18n";
 
     export let sourceData: pb.BackendProto.GraphsOut | null = null;
@@ -21,7 +20,7 @@
 
     let svg = null as HTMLElement | SVGElement | null;
     let maxYear = new Date().getFullYear();
-    let minYear;
+    let minYear = 0;
     let targetYear = maxYear;
 
     $: if (sourceData) {
diff --git a/ts/src/stats/CardCounts.svelte b/ts/src/stats/CardCounts.svelte
index 496e2e721..0f67877a1 100644
--- a/ts/src/stats/CardCounts.svelte
+++ b/ts/src/stats/CardCounts.svelte
@@ -15,7 +15,7 @@
     bounds.marginRight = 20;
     bounds.marginTop = 0;
 
-    let graphData: GraphData;
+    let graphData = (null as unknown) as GraphData;
     $: {
         graphData = gatherData(sourceData, i18n);
         renderCards(svg as any, bounds, graphData);
diff --git a/ts/src/stats/EaseGraph.svelte b/ts/src/stats/EaseGraph.svelte
index 74a43062c..46154342e 100644
--- a/ts/src/stats/EaseGraph.svelte
+++ b/ts/src/stats/EaseGraph.svelte
@@ -1,6 +1,6 @@
 <script lang="typescript">
     import { HistogramData } from "./histogram-graph";
-    import { gatherData, prepareData, GraphData } from "./ease";
+    import { gatherData, prepareData } from "./ease";
     import pb from "../backend/proto";
     import HistogramGraph from "./HistogramGraph.svelte";
     import { I18n } from "../i18n";
@@ -8,7 +8,6 @@
     export let sourceData: pb.BackendProto.GraphsOut | null = null;
     export let i18n: I18n;
 
-    let svg = null as HTMLElement | SVGElement | null;
     let histogramData = null as HistogramData | null;
 
     $: if (sourceData) {
diff --git a/ts/src/stats/FutureDue.svelte b/ts/src/stats/FutureDue.svelte
index c4f1cefb1..ec7bbf507 100644
--- a/ts/src/stats/FutureDue.svelte
+++ b/ts/src/stats/FutureDue.svelte
@@ -1,8 +1,7 @@
 <script lang="typescript">
-    import { timeSpan, MONTH, YEAR } from "../time";
     import { I18n } from "../i18n";
     import { HistogramData } from "./histogram-graph";
-    import { defaultGraphBounds, GraphRange, RevlogRange } from "./graphs";
+    import { GraphRange, RevlogRange } from "./graphs";
     import { gatherData, GraphData, buildHistogram } from "./future-due";
     import pb from "../backend/proto";
     import HistogramGraph from "./HistogramGraph.svelte";
@@ -14,7 +13,6 @@
     let graphData = null as GraphData | null;
     let histogramData = null as HistogramData | null;
     let backlog: boolean = true;
-    let svg = null as HTMLElement | SVGElement | null;
     let graphRange: GraphRange = GraphRange.Month;
 
     $: if (sourceData) {
diff --git a/ts/src/stats/GraphsPage.svelte b/ts/src/stats/GraphsPage.svelte
index b314a024d..84c1903ad 100644
--- a/ts/src/stats/GraphsPage.svelte
+++ b/ts/src/stats/GraphsPage.svelte
@@ -1,11 +1,9 @@
 <script context="module">
-    import style from "./graphs.scss";
+    import _ from "./graphs.scss";
 </script>
 
 <script lang="typescript">
-    import { timeSpan, MONTH, YEAR } from "../time";
     import { I18n } from "../i18n";
-    import { assertUnreachable } from "../typing";
     import pb from "../backend/proto";
     import { getGraphData, RevlogRange } from "./graphs";
     import IntervalsGraph from "./IntervalsGraph.svelte";
@@ -87,7 +85,6 @@
         }
     };
 
-    const month = timeSpan(i18n, 3 * MONTH);
     const year = i18n.tr(i18n.TR.STATISTICS_RANGE_1_YEAR_HISTORY);
     const deck = i18n.tr(i18n.TR.STATISTICS_RANGE_DECK);
     const collection = i18n.tr(i18n.TR.STATISTICS_RANGE_COLLECTION);
diff --git a/ts/src/stats/HourGraph.svelte b/ts/src/stats/HourGraph.svelte
index c02e6c9a3..7ae21889d 100644
--- a/ts/src/stats/HourGraph.svelte
+++ b/ts/src/stats/HourGraph.svelte
@@ -1,5 +1,4 @@
 <script lang="typescript">
-    import { timeSpan, MONTH, YEAR } from "../time";
     import { defaultGraphBounds, RevlogRange, GraphRange } from "./graphs";
     import AxisTicks from "./AxisTicks.svelte";
     import { renderHours } from "./hours";
diff --git a/ts/src/stats/IntervalsGraph.svelte b/ts/src/stats/IntervalsGraph.svelte
index 47d1c8f6b..1a13ebc9d 100644
--- a/ts/src/stats/IntervalsGraph.svelte
+++ b/ts/src/stats/IntervalsGraph.svelte
@@ -1,5 +1,5 @@
 <script lang="typescript">
-    import { timeSpan, MONTH, YEAR } from "../time";
+    import { timeSpan, MONTH } from "../time";
     import { I18n } from "../i18n";
     import { HistogramData } from "./histogram-graph";
     import {
@@ -16,8 +16,6 @@
 
     let intervalData: IntervalGraphData | null = null;
     let histogramData = null as HistogramData | null;
-
-    let svg = null as HTMLElement | SVGElement | null;
     let range = IntervalRange.Percentile95;
 
     $: if (sourceData) {
diff --git a/ts/src/stats/ReviewsGraph.svelte b/ts/src/stats/ReviewsGraph.svelte
index f71af0cad..a08d04b9d 100644
--- a/ts/src/stats/ReviewsGraph.svelte
+++ b/ts/src/stats/ReviewsGraph.svelte
@@ -1,10 +1,8 @@
 <script lang="typescript">
-    import { HistogramData, histogramGraph } from "./histogram-graph";
     import AxisTicks from "./AxisTicks.svelte";
     import { defaultGraphBounds, RevlogRange, GraphRange } from "./graphs";
     import { GraphData, gatherData, renderReviews } from "./reviews";
     import pb from "../backend/proto";
-    import { timeSpan, MONTH, YEAR } from "../time";
     import { I18n } from "../i18n";
     import NoDataOverlay from "./NoDataOverlay.svelte";
     import GraphRangeRadios from "./GraphRangeRadios.svelte";
@@ -31,7 +29,7 @@
     const title = i18n.tr(i18n.TR.STATISTICS_REVIEWS_TITLE);
     const time = i18n.tr(i18n.TR.STATISTICS_REVIEWS_TIME_CHECKBOX);
 
-    let subtitle: string;
+    let subtitle = "";
     $: if (showTime) {
         subtitle = i18n.tr(i18n.TR.STATISTICS_REVIEWS_TIME_SUBTITLE);
     } else {
diff --git a/ts/src/stats/TodayStats.svelte b/ts/src/stats/TodayStats.svelte
index 536021850..5d049ecbf 100644
--- a/ts/src/stats/TodayStats.svelte
+++ b/ts/src/stats/TodayStats.svelte
@@ -1,6 +1,5 @@
 <script lang="typescript">
     import { gatherData, TodayData } from "./today";
-    import { studiedToday } from "../time";
     import pb from "../backend/proto";
     import { I18n } from "../i18n";