feat(Node): display node version [YTFRONT-4555]

packages/ui/src/ui/pages/components/tabs/node/NodeMeta/NodeMeta.tsx

@@ -35,6 +35,8 @@ interface Props {
     physicalHost: Node['physicalHost'];
     host: Node['host'];
     maintenanceRequests?: Node['maintenanceRequests'];
+    version?: Node['version'];
+    jobProxyBuildVersion?: Node['jobProxyBuildVersion'];
 }
 
 function NodeMeta({
@@ -53,9 +55,11 @@ function NodeMeta({
     disableJobs,
     disableTabletCells,
     disableWriteSession,
+    jobProxyBuildVersion,
     physicalHost,
     host,
     maintenanceRequests,
+    version,
 }: Props): ReturnType<React.VFC> {
     const clusterConfig = useSelector(getCurrentClusterConfig);
 
@@ -71,10 +75,12 @@ function NodeMeta({
             disableTabletCells,
             disableWriteSession,
             full,
+            jobProxyBuildVersion,
             lastSeenTime,
             rack,
             state,
             maintenanceRequests,
+            version,
         });
     }, [
         alertCount,
@@ -87,10 +93,12 @@ function NodeMeta({
         disableTabletCells,
         disableWriteSession,
         full,
+        jobProxyBuildVersion,
         lastSeenTime,
         rack,
         state,
         maintenanceRequests,
+        version,
     ]);
 
     const tagsItems = React.useMemo(

packages/ui/src/ui/store/reducers/components/nodes/nodes/node.tsx

@@ -84,6 +84,7 @@ export class Node {
         '/statistics/total_used_space',
         '/statistics/total_available_space',
         'maintenance_requests',
+        'job_proxy_build_version',
     ] as const;
 
     static getResourcesSlots(resourceUsage: unknown, resourceLimits: unknown, key: string) {
@@ -162,6 +163,7 @@ export class Node {
     userSlotsProgress: number | undefined;
     userTags!: string[];
     version?: string;
+    jobProxyBuildVersion?: string;
 
     private statistics: unknown;
 
@@ -187,6 +189,7 @@ export class Node {
         this.memory = ypath.getValue(this.statistics, '/memory') || {};
 
         this.version = ypath.getValue(attributes, '/version');
+        this.jobProxyBuildVersion = ypath.getValue(attributes, '/job_proxy_build_version');
         this.physicalHost = ypath.getValue(attributes, '/annotations')?.['physical_host'];
         this.dataCenter = ypath.getValue(attributes, '/data_center');
         this.state = ypath.getValue(attributes, '/state');
@@ -491,6 +494,7 @@ export const AttributesByProperty: Record<keyof Node, ReadonlyArray<AttributeNam
     gpu: gpuAttributes,
     host: hostAttributes,
     IOWeight: ['/statistics/media'],
+    jobProxyBuildVersion: ['job_proxy_build_version'],
     lastSeenTime: ['last_seen_time'],
     locations: locationsAttributes,
     maintenanceRequests: ['maintenance_requests'],

packages/ui/src/ui/utils/components/nodes/node-meta-items.tsx

@@ -30,10 +30,12 @@ export function getNodeMetaItems({
     disableWriteSession,
     disableTabletCells,
     full,
+    jobProxyBuildVersion,
     lastSeenTime,
     maintenanceRequests,
     state,
     rack,
+    version,
 }: Pick<
     Node,
     | 'alertCount'
@@ -46,10 +48,12 @@ export function getNodeMetaItems({
     | 'disableWriteSession'
     | 'disableTabletCells'
     | 'full'
+    | 'jobProxyBuildVersion'
     | 'lastSeenTime'
     | 'maintenanceRequests'
     | 'state'
     | 'rack'
+    | 'version'
 >): Array<MetaTableItem> {
     const stateText = hammer.format['FirstUppercase'](state);
     const stateTheme = getStateTheme(state);
@@ -124,5 +128,15 @@ export function getNodeMetaItems({
                 format: 'full',
             }),
         },
+        {
+            key: 'version',
+            value: version,
+            visible: Boolean(version),
+        },
+        {
+            key: 'job_proxy_build_version',
+            value: jobProxyBuildVersion,
+            visible: Boolean(jobProxyBuildVersion),
+        },
     ];
 }