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 && ( {monthlyOverallScoreDate && (
<button <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 /> <BsChevronRight />
</button> </button>
)} )}
@@ -267,7 +269,7 @@ export default function Stats() {
"DD/MM/yyyy", "DD/MM/yyyy",
); );
return date.isValid() ? ( return date.isValid() && date.isSameOrBefore(moment()) ? (
<div <div
key={day} key={day}
className="flex flex-col gap-1 items-start border border-mti-gray-smoke rounded-lg overflow-hidden"> 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 && ( {monthlyOverallScoreDate && (
<button <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 /> <BsChevronRight />
</button> </button>
)} )}
@@ -392,7 +396,10 @@ export default function Stats() {
onChange={setMonthlyModuleScoreDate} onChange={setMonthlyModuleScoreDate}
/> />
{monthlyModuleScoreDate && ( {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 /> <BsChevronRight />
</button> </button>
)} )}
@@ -446,7 +453,10 @@ export default function Stats() {
onChange={setDailyScoreDate} onChange={setDailyScoreDate}
/> />
{dailyScoreDate && ( {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 /> <BsChevronRight />
</button> </button>
)} )}
@@ -518,7 +528,10 @@ export default function Stats() {
onChange={setDailyScoreDate} onChange={setDailyScoreDate}
/> />
{dailyScoreDate && ( {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 /> <BsChevronRight />
</button> </button>
)} )}