PurchaseOrdersStatusCell.tsx

import { StatusChip } from "@helium10/re-ui-components";
import type { StatusChipsType } from "@helium10/re-ui-components/src/components/chip/config";

import { useTranslation } from "@/i18n/useTranslation";
import type { PurchaseOrdersApi } from "@/requests/purchaseOrder/purchaseOrders";

const purchaseOrdersStatuses: Record<PurchaseOrdersApi.IStatus, string> = {
  EDITING: "editing",
  CONFIRMED: "confirmed",
  IN_TRANSIT: "inTransit",
  RECEIVING: "receiving",
  RECEIVED: "received",
  SHIPMENT_CREATED: "shipmentCreated",
  CLOSED: "closed",
  CANCELLED: "cancelled",
  SHIPMENT_ERROR: "shipmentError",
};

const typeByStatus: Record<PurchaseOrdersApi.IStatus, StatusChipsType> = {
  EDITING: "paused",
  RECEIVED: "success",
  SHIPMENT_ERROR: "error",
  CONFIRMED: "disabled",
  IN_TRANSIT: "disabled",
  RECEIVING: "disabled",
  SHIPMENT_CREATED: "disabled",
  CLOSED: "disabled",
  CANCELLED: "disabled",
};

export const PurchaseOrdersStatusCell = ({ value }: { value: PurchaseOrdersApi.IStatus }) => {
  const { t } = useTranslation();

  return (
    <StatusChip type={typeByStatus[value]}>
      {t(`purchaseOrders.columns.status.content.${purchaseOrdersStatuses[value]}`)}
    </StatusChip>
  );
};