[Bug] Novos eventos não atualizam quando arrastados

Encontrei a solução em outro post do mesmo curso: https://cursos.alura.com.br/forum/topico-o-estado-nao-atualiza-e-tambem-algumas-duvidas-sobre-o-recoil-225073

O problema é que se o evento está setado como completo, ao arrastar esse estado muda para false (valor padrão). Isso acontece pois não passamos esse parâmetro quando atualizamos através do hook. O problema é que não temos acesso a isso através do Kalend, nem conseguimos encontrar o evento através do find... Enfim, ainda sem uma solução completa.

Você pode fazer algumas alterações para guardar esse booleano que diz se um evento foi completado ou não, e depois ter acesso a esse valor pelo parâmetro KalendEventoAtualizado da função OnEventDragFinish.

Ficaria assim:

// src/components/Calendario/index.tsx

// adiciona uma nova propriedade para guardar se o evento foi completado ou não 
interface IKalendEvento {
    id?: number
    startAt: string
    endAt: string
    summary: string
    color: string
    completed: boolean
}

const Calendario: React.FC = () => {

    // ...

    eventos.forEach(evento => {

        // ...

        // guarda o estado de completado 
        eventosKalend.get(chave)?.push({
            id: evento.id,
            startAt: evento.inicio.toISOString(),
            endAt: evento.fim.toISOString(),
            summary: evento.descricao,
            color: 'blue', 
            completed: evento.completo
        })
    })

    // agora temos acesso à propriedade completed no evento atualizado
    const onEventDragFinish: OnEventDragFinish = (
        kalendEventoInalterado: CalendarEvent,
        KalendEventoAtualizado: CalendarEvent,
    ) => {
        const evento = {
            id: KalendEventoAtualizado.id,
            descricao: KalendEventoAtualizado.summary,
            inicio: new Date(KalendEventoAtualizado.startAt),
            fim: new Date(KalendEventoAtualizado.endAt)
            completo: KalendEventoAtualizado.completed
        } as IEvento
        atualizarEvento(evento)
    };

    // ...

}