twenty/packages/twenty-front/src/modules/activities/components/ActivityRichTextEditorChangeOnActivityIdEffect.tsx

import { type BLOCK_SCHEMA } from '@/activities/blocks/constants/Schema';
import { useReplaceActivityBlockEditorContent } from '@/activities/hooks/useReplaceActivityBlockEditorContent';
import { useEffect, useState } from 'react';

type ActivityRichTextEditorChangeOnActivityIdEffectProps = {
  activityId: string;
  editor: typeof BLOCK_SCHEMA.BlockNoteEditor;
};

export const ActivityRichTextEditorChangeOnActivityIdEffect = ({
  activityId,
  editor,
}: ActivityRichTextEditorChangeOnActivityIdEffectProps) => {
  const { replaceBlockEditorContent } =
    useReplaceActivityBlockEditorContent(editor);

  const [currentActivityId, setCurrentActivityId] = useState(activityId);

  useEffect(() => {
    if (currentActivityId !== activityId) {
      replaceBlockEditorContent(activityId);
      setCurrentActivityId(activityId);
    }
  }, [activityId, currentActivityId, replaceBlockEditorContent]);

  return <></>;
};