Extracted Extracted

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";

type ExtractedStatuses = Extract<
  PurchaseOrdersApi.IStatus,
  "EDITING" | "RECEIVED" | "SHIPMENT_ERROR"
>;

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<ExtractedStatuses, StatusChipsType> = {
  EDITING: "paused",
  RECEIVED: "success",
  SHIPMENT_ERROR: "error",
};

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

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