OpenHands/frontend/src/context/settings-up-to-date-context.tsx

import React from "react";
import { settingsAreUpToDate } from "#/services/settings";

interface SettingsUpToDateContextType {
  isUpToDate: boolean;
  setIsUpToDate: (value: boolean) => void;
}

const SettingsUpToDateContext = React.createContext<
  SettingsUpToDateContextType | undefined
>(undefined);

interface SettingsUpToDateProviderProps {
  children: React.ReactNode;
}

export function SettingsUpToDateProvider({
  children,
}: SettingsUpToDateProviderProps) {
  const [isUpToDate, setIsUpToDate] = React.useState(settingsAreUpToDate());

  const value = React.useMemo(
    () => ({ isUpToDate, setIsUpToDate }),
    [isUpToDate, setIsUpToDate],
  );

  return (
    <SettingsUpToDateContext value={value}>{children}</SettingsUpToDateContext>
  );
}

export function useSettingsUpToDate() {
  const context = React.useContext(SettingsUpToDateContext);
  if (context === undefined) {
    throw new Error(
      "useSettingsUpToDate must be used within a SettingsUpToDateProvider",
    );
  }
  return context;
}