@accounter/client/src/hooks/use-get-sort-codes.ts

Accounter client application

import { useMemo } from 'react';
import { toast } from 'sonner';
import { useQuery } from 'urql';
import { AllSortCodesDocument, type AllSortCodesQuery } from '../gql/graphql.js';

// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
/* GraphQL */ `
  query AllSortCodes($ownerId: String!) {
    allSortCodesByBusiness(ownerId: $ownerId) {
      id
      key
      name
      defaultIrsCode
    }
  }
`;

type SortCodes = Array<NonNullable<AllSortCodesQuery['allSortCodesByBusiness']>[number]>;

type UseGetSortCodes = {
  fetching: boolean;
  refresh: () => void;
  sortCodes: SortCodes;
  selectableSortCodes: Array<{ value: string; label: string }>;
};

export const useGetSortCodes = ({ ownerId }: { ownerId?: string | null }): UseGetSortCodes => {
  const [{ data, fetching, error }, fetch] = useQuery({
    query: AllSortCodesDocument,
    variables: { ownerId: ownerId! },
    pause: !ownerId,
  });

  if (error) {
    console.error(`Error fetching sort codes: ${error}`);
    toast.error('Error', {
      description: 'Unable to fetch sort codes',
    });
  }

  const sortCodes = useMemo(() => {
    return (
      data?.allSortCodesByBusiness?.sort((a, b) => ((a.name ?? '') > (b.name ?? '') ? 1 : -1)) ?? []
    );
  }, [data]);

  const selectableSortCodes = useMemo(() => {
    return sortCodes.map(entity => ({
      value: entity.key.toString(),
      label: entity.name ?? '',
    }));
  }, [sortCodes]);

  return {
    fetching,
    refresh: () => fetch(),
    sortCodes,
    selectableSortCodes,
  };
};