twenty/packages/twenty-front/src/modules/pipeline/hooks/usePipelineSteps.ts

import { useRecoilCallback } from 'recoil';

import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord';
import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord';
import { BoardColumnDefinition } from '@/object-record/record-board-deprecated/types/BoardColumnDefinition';
import { currentPipelineState } from '@/pipeline/states/currentPipelineState';
import { PipelineStep } from '@/pipeline/types/PipelineStep';

export const usePipelineSteps = () => {
  const { createOneRecord: createOnePipelineStep } =
    useCreateOneRecord<PipelineStep>({
      objectNameSingular: CoreObjectNameSingular.PipelineStep,
    });

  const { deleteOneRecord: deleteOnePipelineStep } = useDeleteOneRecord({
    objectNameSingular: CoreObjectNameSingular.PipelineStep,
  });

  const handlePipelineStepAdd = useRecoilCallback(
    ({ snapshot }) =>
      (boardColumn: BoardColumnDefinition) => {
        const currentPipeline = snapshot
          .getLoadable(currentPipelineState)
          .getValue();
        if (!currentPipeline?.id) return;

        return createOnePipelineStep?.({
          color: boardColumn.colorCode ?? 'gray',
          id: boardColumn.id,
          position: boardColumn.position,
          name: boardColumn.title,
        });
      },
    [createOnePipelineStep],
  );

  const handlePipelineStepDelete = useRecoilCallback(
    ({ snapshot }) =>
      (boardColumnId: string) => {
        const currentPipeline = snapshot
          .getLoadable(currentPipelineState)
          .getValue();
        if (!currentPipeline?.id) return;

        return deleteOnePipelineStep?.(boardColumnId);
      },
    [deleteOnePipelineStep],
  );

  return { handlePipelineStepAdd, handlePipelineStepDelete };
};