From 0e167f1714af6b28d34f6700a8cf2b8a16a89d1e Mon Sep 17 00:00:00 2001
From: Chung Leong <chernyshevsky@hotmail.com>
Date: Mon, 28 Jan 2019 11:22:01 +0100
Subject: [PATCH] Implemented year collapsing (issue #29).

---
 src/widgets/side-nav.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/widgets/side-nav.jsx b/src/widgets/side-nav.jsx
index b76937b..7829185 100644
--- a/src/widgets/side-nav.jsx
+++ b/src/widgets/side-nav.jsx
@@ -118,7 +118,13 @@ class SideNav extends AsyncComponent {
     }
 
     handleYearSelect = (evt) => {
-        this.setState({ selectedYear: evt.year });
+        let { selectedYear } = this.state;
+        if (selectedYear !== evt.year) {
+            selectedYear = evt.year;
+        } else {
+            selectedYear = NaN;
+        }
+        this.setState({ selectedYear });
     }
 }
 
@@ -265,7 +271,7 @@ class SideNavSync extends PureComponent {
         }
         return (
             <li key={i}>
-                <span data-year={yearEntry.year} onClick={this.handleYearClick}>
+                <span className="year" data-year={yearEntry.year} onClick={this.handleYearClick}>
                     {yearEntry.label}
                 </span>
                 <ul className={listClass}>