diff --git a/web-console/src/dialogs/compaction-dialog/compaction-dialog.scss b/web-console/src/dialogs/compaction-dialog/compaction-dialog.scss index e3ca37b14ea..499df985c9e 100644 --- a/web-console/src/dialogs/compaction-dialog/compaction-dialog.scss +++ b/web-console/src/dialogs/compaction-dialog/compaction-dialog.scss @@ -23,6 +23,11 @@ height: 80vh; } + .legacy-callout { + width: auto; + margin: 10px 15px 0; + } + .form-json-selector { margin: 15px; } diff --git a/web-console/src/dialogs/compaction-dialog/compaction-dialog.tsx b/web-console/src/dialogs/compaction-dialog/compaction-dialog.tsx index d63501b1b0b..3b5456e7d04 100644 --- a/web-console/src/dialogs/compaction-dialog/compaction-dialog.tsx +++ b/web-console/src/dialogs/compaction-dialog/compaction-dialog.tsx @@ -16,11 +16,16 @@ * limitations under the License. */ -import { Button, Classes, Dialog, Intent } from '@blueprintjs/core'; +import { Button, Callout, Classes, Code, Dialog, Intent } from '@blueprintjs/core'; import React, { useState } from 'react'; import { AutoForm, FormJsonSelector, FormJsonTabs, JsonInput } from '../../components'; -import { COMPACTION_CONFIG_FIELDS, CompactionConfig } from '../../druid-models'; +import { + COMPACTION_CONFIG_FIELDS, + CompactionConfig, + compactionConfigHasLegacyInputSegmentSizeBytesSet, +} from '../../druid-models'; +import { deepDelete, formatBytesCompact } from '../../utils'; import './compaction-dialog.scss'; @@ -55,13 +60,29 @@ export const CompactionDialog = React.memo(function CompactionDialog(props: Comp canOutsideClickClose={false} title={`Compaction config: ${datasource}`} > + {compactionConfigHasLegacyInputSegmentSizeBytesSet(currentConfig) && ( + +

+ You current config sets the legacy inputSegmentSizeBytes to{' '} + {formatBytesCompact(currentConfig.inputSegmentSizeBytes!)} it is + recommended to unset this property. +

+

+