From 01e18795fdf9e9b8c1384f5be38d3ff894f8f440 Mon Sep 17 00:00:00 2001
From: Kshitiz Kumar <kshitijk83@gmail.com>
Date: Sun, 27 Dec 2020 17:08:07 +0530
Subject: [PATCH 1/2] Change button style hidden to disabled

---
 listenbrainz/webserver/static/js/src/RecentListens.tsx        | 4 ++--
 .../webserver/static/js/src/stats/UserEntityChart.tsx         | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/listenbrainz/webserver/static/js/src/RecentListens.tsx b/listenbrainz/webserver/static/js/src/RecentListens.tsx
index fa25ffbe1f..033c4a14e5 100644
--- a/listenbrainz/webserver/static/js/src/RecentListens.tsx
+++ b/listenbrainz/webserver/static/js/src/RecentListens.tsx
@@ -659,7 +659,7 @@ export default class RecentListens extends React.Component<
       <ul className="pager" style={{ display: "flex" }}>
         <li
           className={`previous ${
-            currRecPage && currRecPage <= 1 ? "hidden" : ""
+            currRecPage && currRecPage <= 1 ? "disabled" : ""
           }`}
         >
           <a
@@ -675,7 +675,7 @@ export default class RecentListens extends React.Component<
         </li>
         <li
           className={`next ${
-            currRecPage && currRecPage >= totalRecPages ? "hidden" : ""
+            currRecPage && currRecPage >= totalRecPages ? "disabled" : ""
           }`}
           style={{ marginLeft: "auto" }}
         >
diff --git a/listenbrainz/webserver/static/js/src/stats/UserEntityChart.tsx b/listenbrainz/webserver/static/js/src/stats/UserEntityChart.tsx
index 4f36608e3e..3760b2d326 100644
--- a/listenbrainz/webserver/static/js/src/stats/UserEntityChart.tsx
+++ b/listenbrainz/webserver/static/js/src/stats/UserEntityChart.tsx
@@ -548,7 +548,7 @@ export default class UserEntityChart extends React.Component<
                 <div className="col-xs-12">
                   <ul className="pager">
                     <li
-                      className={`previous ${!(prevPage > 0) ? "hidden" : ""}`}
+                      className={`previous ${!(prevPage > 0) ? "disabled" : ""}`}
                     >
                       <a
                         href=""
@@ -560,7 +560,7 @@ export default class UserEntityChart extends React.Component<
                     </li>
                     <li
                       className={`next ${
-                        !(nextPage <= totalPages) ? "hidden" : ""
+                        !(nextPage <= totalPages) ? "disabled" : ""
                       }`}
                     >
                       <a

From f19aec91d88404289c5cba3c3f1abce21edad547 Mon Sep 17 00:00:00 2001
From: Kshitiz Kumar <kshitijk83@gmail.com>
Date: Sun, 27 Dec 2020 17:35:49 +0530
Subject: [PATCH 2/2] Updated snapshot

---
 .../__snapshots__/UserEntityChart.test.tsx.snap      | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/listenbrainz/webserver/static/js/src/stats/__snapshots__/UserEntityChart.test.tsx.snap b/listenbrainz/webserver/static/js/src/stats/__snapshots__/UserEntityChart.test.tsx.snap
index 18e3250c0e..7ee378228c 100644
--- a/listenbrainz/webserver/static/js/src/stats/__snapshots__/UserEntityChart.test.tsx.snap
+++ b/listenbrainz/webserver/static/js/src/stats/__snapshots__/UserEntityChart.test.tsx.snap
@@ -663,7 +663,7 @@ exports[`UserEntityChart Page renders correctly for artists 1`] = `
             className="pager"
           >
             <li
-              className="previous hidden"
+              className="previous disabled"
             >
               <a
                 href=""
@@ -674,7 +674,7 @@ exports[`UserEntityChart Page renders correctly for artists 1`] = `
               </a>
             </li>
             <li
-              className="next hidden"
+              className="next disabled"
             >
               <a
                 href=""
@@ -1605,7 +1605,7 @@ exports[`UserEntityChart Page renders correctly for recording 1`] = `
             className="pager"
           >
             <li
-              className="previous hidden"
+              className="previous disabled"
             >
               <a
                 href=""
@@ -1616,7 +1616,7 @@ exports[`UserEntityChart Page renders correctly for recording 1`] = `
               </a>
             </li>
             <li
-              className="next hidden"
+              className="next disabled"
             >
               <a
                 href=""
@@ -2447,7 +2447,7 @@ exports[`UserEntityChart Page renders correctly for releases 1`] = `
             className="pager"
           >
             <li
-              className="previous hidden"
+              className="previous disabled"
             >
               <a
                 href=""
@@ -2458,7 +2458,7 @@ exports[`UserEntityChart Page renders correctly for releases 1`] = `
               </a>
             </li>
             <li
-              className="next hidden"
+              className="next disabled"
             >
               <a
                 href=""