ykonsole2/webui-react/src/contexts/ProgramContext.tsx

import {createContext, useCallback, useEffect, useState} from "react";
import {WithChildren} from "../primitives/Shared";
import {Program} from "../models/Programs";
import {unimplemented} from "../helpers/misc";
import programRepo from "../actions/programs";

interface ProgramContextValue {
  programs: Program[] | null
  refreshPrograms(): void
}

const ProgramContext = createContext<ProgramContextValue>({
  programs: null,
  refreshPrograms: unimplemented,
});

export function ProgramContextProvider({children}: WithChildren) {
  const [programs, setPrograms] = useState<Program[] | null>(null);

  const refreshPrograms = useCallback(() => {
    programRepo().fetchAll().then(setPrograms);
  }, []);

  useEffect(() => {
    refreshPrograms();
  }, []);

  return (
    <ProgramContext.Provider value={{programs, refreshPrograms}}>
      {children}
    </ProgramContext.Provider>
  );
}

export default ProgramContext;