diff --git a/src/containers/Storage/Disks/Disks.tsx b/src/containers/Storage/Disks/Disks.tsx
index 15a3f3579f..6090a20869 100644
--- a/src/containers/Storage/Disks/Disks.tsx
+++ b/src/containers/Storage/Disks/Disks.tsx
@@ -8,6 +8,7 @@ import {cn} from '../../../utils/cn';
import type {PreparedVDisk} from '../../../utils/disks/types';
import {isNumeric} from '../../../utils/utils';
import {PDisk} from '../PDisk';
+import {DISKS_POPUP_DEBOUNCE_TIMEOUT} from '../shared';
import type {StorageViewContext} from '../types';
import {isVdiskActive, useVDisksWithDCMargins} from '../utils';
@@ -101,6 +102,8 @@ function VDiskItem({
compact
inactive={inactive}
showPopup={highlightedVDisk === vDiskId}
+ delayOpen={DISKS_POPUP_DEBOUNCE_TIMEOUT}
+ delayClose={DISKS_POPUP_DEBOUNCE_TIMEOUT}
onShowPopup={() => setHighlightedVDisk(vDiskId)}
onHidePopup={() => setHighlightedVDisk(undefined)}
progressBarClassName={b('vdisk-progress-bar')}
@@ -122,6 +125,8 @@ function PDiskItem({vDisk, highlightedVDisk, setHighlightedVDisk, withDCMargin}:
progressBarClassName={b('pdisk-progress-bar')}
data={vDisk.PDisk}
showPopup={highlightedVDisk === vDiskId}
+ delayOpen={DISKS_POPUP_DEBOUNCE_TIMEOUT}
+ delayClose={DISKS_POPUP_DEBOUNCE_TIMEOUT}
onShowPopup={() => setHighlightedVDisk(vDiskId)}
onHidePopup={() => setHighlightedVDisk(undefined)}
/>
diff --git a/src/containers/Storage/PDisk/PDisk.tsx b/src/containers/Storage/PDisk/PDisk.tsx
index 563146e534..41f2b4bdf2 100644
--- a/src/containers/Storage/PDisk/PDisk.tsx
+++ b/src/containers/Storage/PDisk/PDisk.tsx
@@ -9,6 +9,7 @@ import {getPDiskPagePath} from '../../../routes';
import {valueIsDefined} from '../../../utils';
import {cn} from '../../../utils/cn';
import type {PreparedPDisk, PreparedVDisk} from '../../../utils/disks/types';
+import {DISKS_POPUP_DEBOUNCE_TIMEOUT} from '../shared';
import type {StorageViewContext} from '../types';
import {isVdiskActive} from '../utils';
@@ -26,6 +27,8 @@ interface PDiskProps {
progressBarClassName?: string;
viewContext?: StorageViewContext;
width?: number;
+ delayOpen?: number;
+ delayClose?: number;
}
export const PDisk = ({
@@ -38,6 +41,8 @@ export const PDisk = ({
progressBarClassName,
viewContext,
width,
+ delayOpen = DISKS_POPUP_DEBOUNCE_TIMEOUT,
+ delayClose = DISKS_POPUP_DEBOUNCE_TIMEOUT,
}: PDiskProps) => {
const {NodeId, PDiskId} = data;
const pDiskIdsDefined = valueIsDefined(NodeId) && valueIsDefined(PDiskId);
@@ -65,8 +70,8 @@ export const PDisk = ({
data={vdisk}
inactive={!isVdiskActive(vdisk, viewContext)}
compact
- delayClose={200}
- delayOpen={200}
+ delayOpen={delayOpen}
+ delayClose={delayClose}
/>
))}
@@ -90,7 +95,8 @@ export const PDisk = ({
onShowPopup={onShowPopup}
onHidePopup={onHidePopup}
renderPopupContent={() => }
- delayClose={200}
+ delayOpen={delayOpen}
+ delayClose={delayClose}
>