From eb99d77f48ebe948dd77d5bfda6925b4ea0a3d78 Mon Sep 17 00:00:00 2001
From: Elayaraman <elayaraman.ramalingam1@freshworks.com>
Date: Mon, 1 Apr 2024 19:18:30 +0530
Subject: [PATCH] feat(field-editor): i have added the sla timer toggle when we
 are passing the feature flag

---
 .../components/form-builder/components/field-editor.tsx  | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/crayons-extended/custom-objects/src/components/form-builder/components/field-editor.tsx b/packages/crayons-extended/custom-objects/src/components/form-builder/components/field-editor.tsx
index 66c1758e2..d34b52314 100644
--- a/packages/crayons-extended/custom-objects/src/components/form-builder/components/field-editor.tsx
+++ b/packages/crayons-extended/custom-objects/src/components/form-builder/components/field-editor.tsx
@@ -1268,8 +1268,9 @@ export class FieldEditor {
     const choices = objFormValue.choices;
 
     const isSlaEnabled =
-      Object(choices[1].choice_options).keys.length > 1 ||
-      Object(choices[2].choice_options).keys.length > 1;
+      objFormValue.field_options.slaTimerEnabled &&
+      (Object(choices[1].choice_options).keys.length > 1 ||
+        Object(choices[2].choice_options).keys.length > 1);
 
     const renderToggle = (id, name, checked) => (
       <span>
@@ -1286,10 +1287,10 @@ export class FieldEditor {
       <div
         class={`${strBaseClassName}-status-toggle ${isSlaEnabled ? 'sla' : ''}`}
       >
-        <div class={`${strBaseClassName}-item header`}>
+        <div class={`${strBaseClassName}-status-toggle-item header`}>
           <span>{i18nText('fieldLabel')}</span>
           <span>{i18nText('ertText')}</span>
-          (isSlaEnabled && <span>{i18nText('pstText')}</span>)
+          {isSlaEnabled && <span>{i18nText('pstText')}</span>}
         </div>
         {choices.map((dataItem) => {
           return (