62 lines
1.9 KiB
TypeScript
62 lines
1.9 KiB
TypeScript
|
import { AlertCircle } from "lucide-react";
|
||
|
|
import { formatData } from "@/lib/crapp-data";
|
||
|
|
import {
|
||
|
|
eventiPalloni,
|
||
|
|
eventoPrecedente,
|
||
|
|
eventoSuccessivo,
|
||
|
|
oggiISO,
|
||
|
|
} from "@/lib/palloni-core";
|
||
|
|
import { useTurniPalloni } from "@/lib/palloni";
|
||
|
|
import { useEventi } from "@/lib/eventi";
|
||
|
|
import { useGiocatoreCorrente } from "@/lib/user-store";
|
||
|
|
|
||
|
|
/** Avvisi per chi è di turno: prendere i palloni oggi, o riportarli oggi. */
|
||
|
|
export function PromemoriaPalloni() {
|
||
|
|
const io = useGiocatoreCorrente();
|
||
|
|
const { turni } = useTurniPalloni();
|
||
|
|
const { eventi } = useEventi();
|
||
|
|
if (!io) return null;
|
||
|
|
|
||
|
|
const lista = eventiPalloni(eventi);
|
||
|
|
|
||
|
|
const oggi = oggiISO();
|
||
|
|
const messaggi: string[] = [];
|
||
|
|
|
||
|
|
for (const evento of lista) {
|
||
|
|
if (evento.data !== oggi) continue;
|
||
|
|
|
||
|
|
if (turni[evento.id] === io.id) {
|
||
|
|
const dopo = eventoSuccessivo(eventi, evento.id);
|
||
|
|
messaggi.push(
|
||
|
|
`Oggi tocca a te prendere i palloni a fine ${evento.tipo === "partita" ? "partita" : "allenamento"}` +
|
||
|
|
(dopo ? ` e riportarli il ${formatData(dopo.data)}.` : "."),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
const prima = eventoPrecedente(eventi, evento.id);
|
||
|
|
if (prima && turni[prima.id] === io.id) {
|
||
|
|
messaggi.push("Ricordati di portare i palloni con te oggi: li hai presi tu la volta scorsa.");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (messaggi.length === 0) {
|
||
|
|
const prossimo = lista.find((e) => e.data >= oggi && turni[e.id] === io.id);
|
||
|
|
if (!prossimo) return null;
|
||
|
|
messaggi.push(
|
||
|
|
`Sei incaricato dei palloni per ${prossimo.titolo} (${formatData(prossimo.data)}).`,
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="mx-5 mt-4 rounded-3xl bg-accent-grad p-4 text-accent-foreground shadow-pop">
|
||
|
|
<p className="flex items-center gap-2 font-display text-lg uppercase leading-none">
|
||
|
|
<AlertCircle className="h-5 w-5" /> Turno palloni
|
||
|
|
</p>
|
||
|
|
{messaggi.map((m) => (
|
||
|
|
<p key={m} className="mt-2 text-xs leading-snug opacity-90">
|
||
|
|
{m}
|
||
|
|
</p>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|