import { useParams } from '@tanstack/react-router';
import { atom, useAtomValue } from 'jotai';
import { useEffect } from 'react';
import {jotaiStore} from "../lib/jotai";

export const activeRequestIdAtom = atom<string>();

export function useActiveRequestId(): string | null {
  return useAtomValue(activeRequestIdAtom) ?? null;
}

export function useSubscribeActiveRequestId() {
  const { requestId } = useParams({ strict: false });
  useEffect(() => {
    jotaiStore.set(activeRequestIdAtom, requestId);
  }, [requestId]);
}