certimate/ui/src/providers/notify/index.tsx

import { ReactNode, useContext, createContext, useEffect, useReducer, useCallback } from "react";

import { NotifyChannel, NotifyChannels, Setting } from "@/domain/settings";
import { getSetting } from "@/repository/settings";
import { notifyReducer } from "./reducer";

export type NotifyContext = {
  config: Setting<NotifyChannels>;
  setChannel: (data: { channel: string; data: NotifyChannel }) => void;
  setChannels: (data: Setting<NotifyChannels>) => void;
  initChannels: () => void;
};

const Context = createContext({} as NotifyContext);

export const useNotifyContext = () => useContext(Context);

interface NotifyProviderProps {
  children: ReactNode;
}

export const NotifyProvider = ({ children }: NotifyProviderProps) => {
  const [notify, dispatchNotify] = useReducer(notifyReducer, {});

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

  const featchData = async () => {
    const chanels = await getSetting<NotifyChannels>("notifyChannels");
    dispatchNotify({
      type: "SET_CHANNELS",
      payload: chanels,
    });
  };

  const initChannels = useCallback(() => {
    featchData();
  }, []);

  const setChannel = useCallback((data: { channel: string; data: NotifyChannel }) => {
    dispatchNotify({
      type: "SET_CHANNEL",
      payload: data,
    });
  }, []);

  const setChannels = useCallback((setting: Setting<NotifyChannels>) => {
    dispatchNotify({
      type: "SET_CHANNELS",
      payload: setting,
    });
  }, []);

  return (
    <Context.Provider
      value={{
        config: notify,
        setChannel,
        setChannels,
        initChannels,
      }}
    >
      {children}
    </Context.Provider>
  );
};