cally/contexts/ToDosContext.tsx

import { createContext, FC, ReactNode, useContext, useState } from "react";
export interface IToDo {
  id: number;
  title: string;
  done: boolean;
  date: Date;
  points?: number;
}
interface IToDosContext {
  toDos: IToDo[];
  updateToDo: (id: number, changes: Partial<IToDo>) => void;
}

const ToDosContext = createContext<IToDosContext>(undefined!);

export const ToDosContextProvider: FC<{ children: ReactNode }> = ({
  children,
}) => {
  const [toDos, setToDos] = useState<IToDo[]>([
    { id: 0, title: "Pay: Credit card", done: false, date: new Date() },
    { id: 1, title: "Monthly Log story", done: false, date: new Date() },
    { id: 2, title: "Write: Arcade Highlights", done: false, date: new Date() },
    {
      id: 3,
      title: "Dressup: Cat",
      done: false,
      date: new Date(Date.now() + 86400000),
      points: 40,
    },
    {
      id: 4,
      title: "Trim: Nails",
      done: false,
      date: new Date(Date.now() + 86400000),
    },
    {
      id: 5,
      title: "Monthly Log",
      done: false,
      date: new Date(Date.now() + 2 * 86400000),
    },
    {
      id: 6,
      title: "Do it",
      done: false,
      date: new Date(Date.now() + 3 * 86400000),
    },
  ]);

  const updateToDo = (id: number, changes: Partial<IToDo>) => {};

  return (
    <ToDosContext.Provider value={{ toDos, updateToDo }}>
      {children}
    </ToDosContext.Provider>
  );
};

export const useToDosContext = () => useContext(ToDosContext)!;