From ad632081158d784afac47cb6b98109ebc357cd20 Mon Sep 17 00:00:00 2001
From: ewezy <ziyi.ewe@gojek.com>
Date: Mon, 4 Mar 2024 14:14:57 +0800
Subject: [PATCH] Remove ticks and display min max labels in EuiDualRange
 slider

---
 ui/src/router/components/form/components/ResourcesPanel.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/ui/src/router/components/form/components/ResourcesPanel.js b/ui/src/router/components/form/components/ResourcesPanel.js
index 9ae5ee33b..9442646e3 100644
--- a/ui/src/router/components/form/components/ResourcesPanel.js
+++ b/ui/src/router/components/form/components/ResourcesPanel.js
@@ -12,8 +12,6 @@ import {
 import { FormLabelWithToolTip } from "../../../../components/form/label_with_tooltip/FormLabelWithToolTip";
 import { useOnChangeHandler } from "../../../../components/form/hooks/useOnChangeHandler";
 
-const maxTicks = 20;
-
 export const ResourcesPanel = ({
   resourcesConfig,
   onChangeHandler,
@@ -90,10 +88,8 @@ export const ResourcesPanel = ({
             fullWidth
             min={0}
             max={maxAllowedReplica}
-            // This component only allows up to 20 ticks to be displayed at the slider
-            tickInterval={Math.ceil((maxAllowedReplica + 1) / maxTicks)}
             showInput
-            showTicks
+            showLabels
             value={[
               resourcesConfig.min_replica || 0,
               resourcesConfig.max_replica || 0,