fix(PDisk): show node host name in popup

Author: artemmufazalov

src/containers/Storage/PDisk/PDisk.tsx

@@ -6,11 +6,13 @@ import {PDiskPopup} from '../../../components/PDiskPopup/PDiskPopup';
 import {VDiskWithDonorsStack} from '../../../components/VDisk/VDiskWithDonorsStack';
 import routes, {createHref, getPDiskPagePath} from '../../../routes';
 import {useDiskPagesAvailable} from '../../../store/reducers/capabilities/hooks';
+import {selectNodesMap} from '../../../store/reducers/nodesList';
 import type {TVDiskStateInfo} from '../../../types/api/vdisk';
 import {valueIsDefined} from '../../../utils';
 import {cn} from '../../../utils/cn';
 import {stringifyVdiskId} from '../../../utils/dataFormatters/dataFormatters';
 import type {PreparedPDisk} from '../../../utils/disks/types';
+import {useTypedSelector} from '../../../utils/hooks';
 import {STRUCTURE} from '../../Node/NodePages';
 
 import './PDisk.scss';
@@ -38,6 +40,7 @@ export const PDisk = ({
 }: PDiskProps) => {
     const [isPopupVisible, setIsPopupVisible] = React.useState(false);
 
+    const nodes = useTypedSelector(selectNodesMap);
     const diskPagesAvailable = useDiskPagesAvailable();
 
     const anchor = React.useRef(null);
@@ -113,7 +116,12 @@ export const PDisk = ({
                     <div className={b('media-type')}>{data.Type}</div>
                 </InternalLink>
             </div>
-            <PDiskPopup data={data} anchorRef={anchor} open={isPopupVisible || showPopup} />
+            <PDiskPopup
+                data={data}
+                nodes={nodes}
+                anchorRef={anchor}
+                open={isPopupVisible || showPopup}
+            />
         </React.Fragment>
     );
 };

src/containers/Storage/StorageNodes/columns/columns.tsx

@@ -1,7 +1,6 @@
 import DataTable from '@gravity-ui/react-data-table';
 
 import {NodeHostWrapper} from '../../../../components/NodeHostWrapper/NodeHostWrapper';
-import type {AdditionalNodesProps} from '../../../../types/additionalProps';
 import {cn} from '../../../../utils/cn';
 import {EMPTY_DATA_PLACEHOLDER} from '../../../../utils/constants';
 import {isSortableNodesProperty} from '../../../../utils/nodes';
@@ -14,10 +13,7 @@ import './StorageNodesColumns.scss';
 
 const b = cn('ydb-storage-nodes-columns');
 
-const getStorageNodesColumns = (
-    additionalNodesProps: AdditionalNodesProps | undefined,
-    database?: string,
-) => {
+const getStorageNodesColumns = ({additionalNodesProps, database}: GetStorageNodesColumnsParams) => {
     const getNodeRef = additionalNodesProps?.getNodeRef;
 
     const columns: StorageNodesColumn[] = [
@@ -98,11 +94,8 @@ const getStorageNodesColumns = (
     return columns;
 };
 
-export const getPreparedStorageNodesColumns = ({
-    additionalNodesProps,
-    database,
-}: GetStorageNodesColumnsParams) => {
-    const rawColumns = getStorageNodesColumns(additionalNodesProps, database);
+export const getPreparedStorageNodesColumns = (params: GetStorageNodesColumnsParams) => {
+    const rawColumns = getStorageNodesColumns(params);
 
     const sortableColumns = rawColumns.map((column) => ({
         ...column,