fix: modify getVDiskPagePath

Author: ValeraS

src/components/VDisk/utils.ts

@@ -10,16 +10,17 @@ export function getVDiskLink(data: PreparedVDisk) {
         valueIsDefined(data.PDiskId) &&
         valueIsDefined(data.NodeId)
     ) {
-        vDiskPath = getVDiskPagePath(data.VDiskSlotId, data.PDiskId, data.NodeId);
+        vDiskPath = getVDiskPagePath({
+            vDiskSlotId: data.VDiskSlotId,
+            pDiskId: data.PDiskId,
+            nodeId: data.NodeId,
+        });
     } else if (valueIsDefined(data.StringifiedId)) {
-        vDiskPath = getVDiskPagePath(
-            undefined as unknown as string,
-            data.PDiskId as number,
-            data.NodeId as number,
-            {
-                vDiskId: data.StringifiedId,
-            },
-        );
+        vDiskPath = getVDiskPagePath({
+            vDiskId: data.StringifiedId,
+            pDiskId: data.PDiskId,
+            nodeId: data.NodeId,
+        });
     }
 
     return vDiskPath;

src/components/VDiskInfo/VDiskInfo.tsx

@@ -154,7 +154,11 @@ export function VDiskInfo<T extends PreparedVDisk>({
         const links: React.ReactNode[] = [];
 
         if (withVDiskPageLink) {
-            const vDiskPagePath = getVDiskPagePath(VDiskSlotId, PDiskId, NodeId);
+            const vDiskPagePath = getVDiskPagePath({
+                vDiskSlotId: VDiskSlotId,
+                pDiskId: PDiskId,
+                nodeId: NodeId,
+            });
             links.push(
                 <LinkWithIcon
                     key={vDiskPagePath}

src/containers/PDiskPage/PDiskSpaceDistribution/PDiskSpaceDistribution.tsx

@@ -81,7 +81,7 @@ function Slot<T extends SlotItemType>({item, pDiskId, nodeId}: SlotProps<T>) {
                 valueIsDefined(item.SlotData?.VDiskSlotId) &&
                 valueIsDefined(pDiskId) &&
                 valueIsDefined(nodeId)
-                    ? getVDiskPagePath(item.SlotData.VDiskSlotId, pDiskId, nodeId)
+                    ? getVDiskPagePath({vDiskSlotId: item.SlotData.VDiskSlotId, pDiskId, nodeId})
                     : undefined;
 
             return (

src/routes.ts

@@ -121,12 +121,16 @@ export function getPDiskPagePath(
 }
 
 export function getVDiskPagePath(
-    vDiskSlotId: string | number,
-    pDiskId: string | number,
-    nodeId: string | number,
+    params:
+        | {
+              vDiskSlotId: string | number;
+              pDiskId: string | number;
+              nodeId: string | number;
+          }
+        | {vDiskId: string; pDiskId?: string | number; nodeId?: string | number},
     query: Query = {},
 ) {
-    return createHref(routes.vDisk, undefined, {...query, nodeId, pDiskId, vDiskSlotId});
+    return createHref(routes.vDisk, undefined, {...query, ...params});
 }
 
 export function getStorageGroupPath(groupId: string | number, query: Query = {}) {