devyuji / utilisetime Goto Github PK

interface DataContextProps {
  data: Data[];
  totalTime: Time;
  addData: (value: Data) => null;
  deleteData: (index: number, time: string) => null;
  updateTime: (value: Time) => null;
}

export const DataContext = createContext({
  data: initalValue.data,
  totalTime: initalValue.totalTime,
  addData: () => null,
  deleteData: () => null,
  updateTime: () => null,
} as DataContextProps);

const ContextProvider: FC = ({ children }) => {
  // All of the code in context remain unchanged expect by return.

  return (
    <DataContext.Provider
      value={{ data, totalTime, addData, deleteData, updateTime }}
    >
      {children}
    </DataContext.Provider>
  );
};

// create a hook alias for useContext(DataContext)
export const useData = () => useContext(DataContext);

  // before
  const addData = useContext(AddContext);

  const totalTime = useContext(TotalTimeContext);

  const updateTime = useContext(UpdateTimeContext);

  // after
  const { addData, totalTime, updateTime } = useData();