src/components/NodeHostWrapper/NodeHostWrapper.tsx - main - githubmirror/ydb-embedded-ui

src/components/NodeHostWrapper/NodeHostWrapper.tsx

61 строка2 KB

Артём Муфазалов

fix(NodeHostWrapper): correct node page path for storage nodes (#3046)

05 ноя 2025, 18:13

05 ноя 2025, 18:13351dbfb

import {getDefaultNodePath} from '../../routes';
import type {PreparedStorageNode} from '../../store/reducers/storage/types';
import type {NodeAddress} from '../../types/additionalProps';
import type {TNodeInfo, TSystemStateInfo} from '../../types/api/nodes';
import {EMPTY_DATA_PLACEHOLDER} from '../../utils/constants';
import {checkIsStorageNode, isUnavailableNode} from '../../utils/nodes';
import {EntityStatus} from '../EntityStatus/EntityStatus';
import {NodeEndpointsTooltipContent} from '../TooltipsContent';

export type NodeHostData = NodeAddress &
    Pick<TNodeInfo, 'ConnectStatus'> &
    Pick<TSystemStateInfo, 'SystemState'> & {
        NodeId: string | number;
        TenantName?: string;
    };

interface NodeHostWrapperProps {
    node: PreparedStorageNode;
    database?: string;
    statusForIcon?: 'SystemState' | 'ConnectStatus';
}

export const NodeHostWrapper = ({
    node,
    database,
    statusForIcon = 'SystemState',
}: NodeHostWrapperProps) => {
    if (!node.Host) {
        return EMPTY_DATA_PLACEHOLDER;
    }

    const status = statusForIcon === 'ConnectStatus' ? node.ConnectStatus : node.SystemState;

    const isNodeAvailable = !isUnavailableNode(node);

    // Storage nodes do not belong to any specific database.
    // Including a database in the path would filter data on the node page by that database,
    // but for storage nodes this would result in no data being shown.
    // Database from node data cannot be used, because we use database ids when uiFactory.useDatabaseId
    // https://github.com/ydb-platform/ydb-embedded-ui/issues/3006
    const databaseInPath = checkIsStorageNode(node) ? undefined : (database ?? node.TenantName);

    const nodePath = isNodeAvailable
        ? getDefaultNodePath(
              {id: node.NodeId, activeTab: node.TenantName ? 'tablets' : 'storage'},
              {database: databaseInPath},
          )
        : undefined;

    return (
        <EntityStatus
            name={node.Host}
            status={status}
            path={nodePath}
            hasClipboardButton
            infoPopoverContent={
                isNodeAvailable ? <NodeEndpointsTooltipContent data={node} /> : null
            }
        />
    );
};