import { type Metadata } from "next";
import {
    type TXHashPageProps,
    type TransactionProps,
} from "@/utils/types/tx.types";
import { TX } from "@/components/tx";
import { getTransaction } from "@/utils/services/api";

const TXHashPage: React.FC<TXHashPageProps> = async ({
    params,
    searchParams,
}) => {
    const transaction = (await getTransaction(
        searchParams.chain_name,
        params.tx_hash
    )) as TransactionProps;

    return <TX {...transaction} />;
};

export default TXHashPage;

export async function generateMetadata({
    params,
    searchParams,
}: TXHashPageProps): Promise<Metadata> {
    const transaction = (await getTransaction(
        searchParams.chain_name,
        params.tx_hash
    )) as TransactionProps;

    return {
        title: transaction.updated_at,
    };
}

export const getTransaction = async (
    chain_name: string,
    tx_hash: string
): Promise<TransactionProps> => {
    const res = await fetch(`${BASE_URL}/transaction`, {
        method: "POST",
        body: JSON.stringify({
            chain_name: chain_name,
            tx_hash: tx_hash,
        }),
    });
    return await res.json();
};