@kitconcept/volto-light-theme/src/helpers/useLiveData.ts

Volto Light Theme by kitconcept

import { useSelector } from 'react-redux';
import type { Content } from '@plone/types';
import { useLocation } from 'react-router-dom';

type FormState = {
  content: {
    data: Content;
  };
  form: {
    global: Content;
  };
};

export function useLiveData<T>(
  content: Content,
  behavior: string | undefined,
  field: string,
) {
  const location = useLocation();
  const addMode = location?.pathname?.endsWith('/add');
  const current = behavior
    ? (content?.['@components']?.inherit?.[behavior]?.data?.[field] as T)
    : (content[field] as T);

  const formData = useSelector<FormState, T>(
    (state) => state.form.global?.[field],
  );

  if (addMode) return formData;

  const data = formData ?? current;

  return data;
}