twenty/packages/twenty-front/src/modules/views/view-picker/hooks/useGetAvailableFieldsForKanban.ts

import { useCallback } from 'react';
import { useLocation, useNavigate } from 'react-router-dom';
import { useRecoilValue, useSetRecoilState } from 'recoil';

import { objectMetadataItemsState } from '@/object-metadata/states/objectMetadataItemsState';
import { navigationMemorizedUrlState } from '@/ui/navigation/states/navigationMemorizedUrlState';
import { useViewStates } from '@/views/hooks/internal/useViewStates';
import { useViewPickerStates } from '@/views/view-picker/hooks/useViewPickerStates';
import { FieldMetadataType } from '~/generated-metadata/graphql';

export const useGetAvailableFieldsForKanban = () => {
  const { viewObjectMetadataIdState } = useViewStates();
  const { viewPickerIsDirtyState } = useViewPickerStates();

  const viewObjectMetadataId = useRecoilValue(viewObjectMetadataIdState);
  const objectMetadataItems = useRecoilValue(objectMetadataItemsState);
  const setViewPickerIsDirty = useSetRecoilState(viewPickerIsDirtyState);
  const setNavigationMemorizedUrl = useSetRecoilState(
    navigationMemorizedUrlState,
  );
  const location = useLocation();

  const objectMetadataItem = objectMetadataItems.find(
    (objectMetadata) => objectMetadata.id === viewObjectMetadataId,
  );

  const availableFieldsForKanban =
    objectMetadataItem?.fields.filter(
      (field) => field.type === FieldMetadataType.Select,
    ) ?? [];

  const navigate = useNavigate();

  const navigateToSelectSettings = useCallback(() => {
    setViewPickerIsDirty(false);

    setNavigationMemorizedUrl(location.pathname + location.search);

    navigate(`/settings/objects/${objectMetadataItem?.namePlural}`);
  }, [
    navigate,
    objectMetadataItem?.namePlural,
    setViewPickerIsDirty,
    setNavigationMemorizedUrl,
    location,
  ]);

  return {
    availableFieldsForKanban,
    navigateToSelectSettings,
  };
};