From aa6c95daaaba85743bf52ae37dd0984e93325185 Mon Sep 17 00:00:00 2001
From: Patrick Fic <patrick@thinkimex.com>
Date: Tue, 13 Feb 2024 14:23:27 -0800
Subject: [PATCH] Resolve dependency issue for operator field.

---
 ...center-modal-filters-sorters-component.jsx | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/client/src/components/report-center-modal/report-center-modal-filters-sorters-component.jsx b/client/src/components/report-center-modal/report-center-modal-filters-sorters-component.jsx
index ce8f06990..765dd14b9 100644
--- a/client/src/components/report-center-modal/report-center-modal-filters-sorters-component.jsx
+++ b/client/src/components/report-center-modal/report-center-modal-filters-sorters-component.jsx
@@ -76,11 +76,15 @@ function RenderFilters({templateId}) {
                                             </Form.Item>
                                         </Col>
                                         <Col span={6}>
-                                            <Form.Item
+                                        <Form.Item dependencies={[['filters', field.name, "field"]]}>
+                                        {
+                                            () => {
+                                                console.log('Dependencies fired')
+                                                return     <Form.Item
                                                 key={`${index}operator`}
                                                 label="operator"
                                                 name={[field.name, "operator"]}
-                                                dependencies={[['filters', field.name, "field"]]}
+                                                dependencies={[]}
                                                 rules={[
                                                     {
                                                         required: true,
@@ -88,11 +92,8 @@ function RenderFilters({templateId}) {
                                                     },
                                                 ]}
                                             >
-                                                {
-                                                    () => {
-                                                        console.log('Dependencies fired')
-                                                        if (true) {
-                                                            return <Select
+
+                                                             <Select
                                                                 options={[
                                                                     {value: "_eq", label: "Equals"},
                                                                     {value: "_ne", label: "Not Equals"},
@@ -107,10 +108,12 @@ function RenderFilters({templateId}) {
                                                                 ]}
                                                             />
 
-                                                        }
-                                                    }
-                                                }
+
                                             </Form.Item>
+                                            }
+                                        }
+                                        </Form.Item>
+
                                         </Col>
                                         <Col span={6}>
                                             <Form.Item