devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Limited the chevron to only work if it does not go after today

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-12-27 14:47:42 +00:00
parent c5fe405389
commit cb73196503
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/stats.tsx
View File

@@ -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>
)}