From cb73196503b981a818dc55080db47d3adfa1d0a4 Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Wed, 27 Dec 2023 14:47:42 +0000
Subject: [PATCH] Limited the chevron to only work if it does not go after
 today

---
 src/pages/stats.tsx | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/pages/stats.tsx b/src/pages/stats.tsx
index f919d9bb..a6abe9ef 100644
--- a/src/pages/stats.tsx
+++ b/src/pages/stats.tsx
@@ -249,7 +249,9 @@ export default function Stats() {
 												/>
 												{monthlyOverallScoreDate && (
 													<button
-														onClick={() => setMonthlyOverallScoreDate((prev) => moment(prev).add(1, "months").toDate())}>
+														disabled={moment(monthlyOverallScoreDate).add(1, "months").isAfter(moment())}
+														onClick={() => setMonthlyOverallScoreDate((prev) => moment(prev).add(1, "months").toDate())}
+														className="disabled:text-neutral-200">
 														<BsChevronRight />
 													</button>
 												)}
@@ -267,7 +269,7 @@ export default function Stats() {
 													"DD/MM/yyyy",
 												);
 
-												return date.isValid() ? (
+												return date.isValid() && date.isSameOrBefore(moment()) ? (
 													<div
 														key={day}
 														className="flex flex-col gap-1 items-start border border-mti-gray-smoke rounded-lg overflow-hidden">
@@ -308,7 +310,9 @@ export default function Stats() {
 												/>
 												{monthlyOverallScoreDate && (
 													<button
-														onClick={() => setMonthlyOverallScoreDate((prev) => moment(prev).add(1, "months").toDate())}>
+														disabled={moment(monthlyOverallScoreDate).add(1, "months").isAfter(moment())}
+														onClick={() => setMonthlyOverallScoreDate((prev) => moment(prev).add(1, "months").toDate())}
+														className="disabled:text-neutral-200">
 														<BsChevronRight />
 													</button>
 												)}
@@ -392,7 +396,10 @@ export default function Stats() {
 													onChange={setMonthlyModuleScoreDate}
 												/>
 												{monthlyModuleScoreDate && (
-													<button onClick={() => setMonthlyModuleScoreDate((prev) => moment(prev).add(1, "days").toDate())}>
+													<button
+														disabled={moment(monthlyModuleScoreDate).add(1, "days").isAfter(moment())}
+														onClick={() => setMonthlyModuleScoreDate((prev) => moment(prev).add(1, "days").toDate())}
+														className="disabled:text-neutral-200">
 														<BsChevronRight />
 													</button>
 												)}
@@ -446,7 +453,10 @@ export default function Stats() {
 													onChange={setDailyScoreDate}
 												/>
 												{dailyScoreDate && (
-													<button onClick={() => setDailyScoreDate((prev) => moment(prev).add(1, "days").toDate())}>
+													<button
+														disabled={moment(dailyScoreDate).add(1, "days").isAfter(moment())}
+														onClick={() => setDailyScoreDate((prev) => moment(prev).add(1, "days").toDate())}
+														className="disabled:text-neutral-200">
 														<BsChevronRight />
 													</button>
 												)}
@@ -518,7 +528,10 @@ export default function Stats() {
 													onChange={setDailyScoreDate}
 												/>
 												{dailyScoreDate && (
-													<button onClick={() => setDailyScoreDate((prev) => moment(prev).add(1, "days").toDate())}>
+													<button
+														disabled={moment(dailyScoreDate).add(1, "days").isAfter(moment())}
+														onClick={() => setDailyScoreDate((prev) => moment(prev).add(1, "days").toDate())}
+														className="disabled:text-neutral-200">
 														<BsChevronRight />
 													</button>
 												)}