ConceptPortal-public/rsconcept/frontend/src/hooks/useRSFormDetails.ts

import { useCallback, useEffect, useState } from 'react'

import { type ErrorInfo } from '../components/BackendError';
import { IRSForm, IRSFormData } from '../models/rsform'
import { loadRSFormData } from '../models/rsformAPI';
import { getRSFormDetails } from '../utils/backendAPI';

export function useRSFormDetails({ target }: { target?: string }) {
  const [schema, setInnerSchema] = useState<IRSForm | undefined>(undefined);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState<ErrorInfo>(undefined);

  function setSchema(data?: IRSFormData) {
    if (!data) {
      setInnerSchema(undefined);
      return;
    }
    const schema = loadRSFormData(data);
    setInnerSchema(schema);
  }

  const reload = useCallback(
  (setCustomLoading?: typeof setLoading, callback?: () => void) => {
    setError(undefined);
    if (!target) {
      return;
    }
    getRSFormDetails(target, {
      showError: true,
      setLoading: setCustomLoading ?? setLoading,
      onError: error => {
        setInnerSchema(undefined);
        setError(error);
      },
      onSuccess: schema => {
        setSchema(schema);
        if (callback) callback();
      }
    });
  }, [target]);

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

  return { schema, setSchema, reload, error, setError, loading };
}