From 268d586b52364754c31fcccd15ce457ae345cc53 Mon Sep 17 00:00:00 2001
From: Fredrik Strand Oseberg <fredrik.no@gmail.com>
Date: Wed, 16 Mar 2022 10:27:23 +0100
Subject: [PATCH] fix: add warning to constraint accordion (#792)

---
 .../ConstraintAccordionEditBody.tsx                | 14 ++++++++++++++
 frontend/src/constants/operators.ts                |  6 ++++++
 2 files changed, 20 insertions(+)

diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.tsx
index 7d63f3ca8f..dc8612f926 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.tsx
@@ -5,6 +5,10 @@ import { CANCEL } from '../ConstraintAccordionEdit';
 import { ConstraintFormHeader } from './ConstraintFormHeader/ConstraintFormHeader';
 import { useStyles } from './ConstraintAccordionEditBody.styles';
 import React from 'react';
+import { Alert } from '@material-ui/lab';
+import { newOperators } from 'constants/operators';
+import ConditionallyRender from 'component/common/ConditionallyRender/ConditionallyRender';
+import { oneOf } from 'utils/one-of';
 
 interface IConstraintAccordionBody {
     localConstraint: IConstraint;
@@ -31,6 +35,16 @@ export const ConstraintAccordionEditBody: React.FC<
 
     return (
         <>
+            <ConditionallyRender
+                condition={oneOf(newOperators, localConstraint.operator)}
+                show={
+                    <Alert severity="warning">
+                        In order to use this constraint operator, you need to
+                        update your SDK to the latest version.
+                    </Alert>
+                }
+            />
+
             <div className={styles.inputContainer}>
                 <InvertedOperator
                     inverted={Boolean(localConstraint.inverted)}
diff --git a/frontend/src/constants/operators.ts b/frontend/src/constants/operators.ts
index a6bc11b80c..2fe275d8ac 100644
--- a/frontend/src/constants/operators.ts
+++ b/frontend/src/constants/operators.ts
@@ -75,3 +75,9 @@ export const multipleValueOperators: Operator[] = [
     ...stringOperators,
     ...inOperators,
 ];
+
+export const newOperators: Operator[] = [
+    ...stringOperators,
+    ...dateOperators,
+    ...singleValueOperators,
+];