From feb5b1842e580a445dbeeb2d0553a59bc86ebb25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laura=20Bergenthal-Grotl=C3=BCschen?=
 <laura.bergenthalgrotlueschen@graylog.com>
Date: Thu, 23 May 2024 10:50:12 +0200
Subject: [PATCH] Readd visualisation

---
 .../components/indices/IndexSetConfigurationForm.tsx  | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/graylog2-web-interface/src/components/indices/IndexSetConfigurationForm.tsx b/graylog2-web-interface/src/components/indices/IndexSetConfigurationForm.tsx
index e818c1cda787..39fb6b0b7a23 100644
--- a/graylog2-web-interface/src/components/indices/IndexSetConfigurationForm.tsx
+++ b/graylog2-web-interface/src/components/indices/IndexSetConfigurationForm.tsx
@@ -29,7 +29,7 @@ import { Col, Row, SegmentedControl } from 'components/bootstrap';
 import IndexMaintenanceStrategiesConfiguration from 'components/indices/IndexMaintenanceStrategiesConfiguration';
 import 'components/indices/rotation';
 import 'components/indices/retention';
-import { DataTieringConfiguration, prepareDataTieringConfig, prepareDataTieringInitialValues } from 'components/indices/data-tiering';
+import { DataTieringConfiguration, DataTieringVisualisation, prepareDataTieringConfig, prepareDataTieringInitialValues } from 'components/indices/data-tiering';
 import type { IndexSet, IndexSetFormValues } from 'stores/indices/IndexSetsStore';
 import { IndexSetPropType } from 'stores/indices/IndexSetsStore';
 import type {
@@ -345,9 +345,14 @@ const IndexSetConfigurationForm = ({
                                                                   onChange={setSelectedRetentionSegment} />
 
                         {selectedRetentionSegment === 'data_tiering' ? (
-                          <ConfigSegment>
+                          <>
+                            <DataTieringVisualisation minDays={values.data_tiering?.index_lifetime_min}
+                                                      maxDays={values.data_tiering?.index_lifetime_max}
+                                                      minDaysInHot={values.data_tiering?.index_hot_lifetime_min}
+                                                      warmTierEnabled={values.data_tiering?.warm_tier_enabled}
+                                                      archiveData={values.data_tiering?.archive_before_deletion} />
                             <DataTieringConfiguration />
-                          </ConfigSegment>
+                          </>
                         )
                           : (
                             <ConfigSegment>