import {InternalLink} from '../../../../../components/InternalLink';
import {getDefaultNodePath} from '../../../../../routes';
import type {Location} from '../../../../../types/api/healthcheck';
import {useTenantQueryParams} from '../../../useTenantQueryParams';
import {useHealthcheckContext} from '../../HealthcheckContext';
import i18n from '../../i18n';

import {LocationDetails} from './utils';

interface NodeInfoProps {
    node?: Location['node'];
    title?: string;
}

export function NodeInfo({node, title}: NodeInfoProps) {
    const {database: databaseFromQuery} = useTenantQueryParams();
    const {clusterName, database: databaseFromContext} = useHealthcheckContext();
    const database = databaseFromContext ?? databaseFromQuery;
    if (!node) {
        return null;
    }

    const nodeLink = node.id ? (
        <InternalLink to={getDefaultNodePath({id: node.id}, {database, clusterName})}>
            {node.id}
        </InternalLink>
    ) : undefined;

    return (
        <LocationDetails
            title={title}
            fields={[
                {value: nodeLink, title: i18n('label_node-id')},
                {value: node.host, title: i18n('label_node-host'), copy: node.host},
                {value: node.port, title: i18n('label_node-port')},
                {value: node.pile?.name, title: i18n('label_pile')},
            ]}
        />
    );
}