Skip to main content

​
Usage

const { 
  data, 
  isLoading, 
  isError, 
  error, 
  isSuccess,
  fetchSkuTransaction
} = useGetSkuTransaction();

​
Parameters

  • id (string): The unique identifier of the SKU transaction to retrieve
  • getBearerToken (function): Function that returns a bearer token for authentication

​
Return Value

Returns an object containing:
  • data: The SKU transaction data (SkuTransaction | undefined)
  • isLoading: Boolean indicating if the operation is in progress
  • isError: Boolean indicating if the operation failed
  • error: Any error that occurred during the process
  • isSuccess: Boolean indicating if the operation completed successfully
  • fetchSkuTransaction: Function to manually fetch a SKU transaction by ID

​
Example Implementation


export function GetSkuTransactionPage() {
  const { getToken } = useBetterAuth();

  const { data: transaction, error, isLoading } = useGetSkuTransaction({
    id: "your-id",
    getBearerToken: getToken,
  });
return (
    <Card>
      <CardHeader>
        <CardTitle>SKU Transaction</CardTitle>
      </CardHeader>
      <CardContent>
        <div className="space-y-4">
          <div className="flex items-center justify-between border-b pb-4">
            <div className="space-y-1">
              <p className="font-medium">Transaction #{transaction.id}</p>
              <p className="text-sm text-muted-foreground">
                Amount: ${transaction.mxnAmount} MXN
              </p>
              {transaction.reference && (
                <p className="text-sm text-muted-foreground">
                  Reference: {transaction.reference}
                </p>
              )}
              {transaction.createdAt && (
                <p className="text-xs text-muted-foreground">
                  {new Date(transaction.createdAt).toLocaleString()}
                </p>
              )}
            </div>
            <Badge
              variant={
                transaction.status === "COMPLETED"
                  ? "default"
                  : transaction.status === "PENDING"
                  ? "secondary"
                  : "destructive"
              }
            >
              {transaction.status}
            </Badge>
          </div>
        </div>
      </CardContent>
    </Card>
)

}