From bac4ab5aa4aafcfc7548a9a1d16f54924f757904 Mon Sep 17 00:00:00 2001
From: "kasia.oczkowska" <katarzyna.oczkowska@theworkingroup.net>
Date: Thu, 18 Apr 2024 14:38:10 +0100
Subject: [PATCH] feat: introduce feature flag for new flow editor

---
 packages/web/src/components/EditorLayout/index.jsx | 10 +++++++++-
 packages/web/src/components/EditorNew/EditorNew.js | 12 ++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 packages/web/src/components/EditorNew/EditorNew.js

diff --git a/packages/web/src/components/EditorLayout/index.jsx b/packages/web/src/components/EditorLayout/index.jsx
index 626e11e2..9c877b85 100644
--- a/packages/web/src/components/EditorLayout/index.jsx
+++ b/packages/web/src/components/EditorLayout/index.jsx
@@ -20,6 +20,9 @@ import * as URLS from 'config/urls';
 import { TopBar } from './style';
 import useFlow from 'hooks/useFlow';
 import { useQueryClient } from '@tanstack/react-query';
+import EditorNew from 'components/EditorNew/EditorNew';
+
+const useNewFlowEditor = process.env.REACT_APP_USE_NEW_FLOW_EDITOR === 'true';
 
 export default function EditorLayout() {
   const { flowId } = useParams();
@@ -136,7 +139,12 @@ export default function EditorLayout() {
           <EditorProvider value={{ readOnly: !!flow?.active }}>
             {!flow && !isFlowLoading && 'not found'}
 
-            {flow && <Editor flow={flow} />}
+            {flow &&
+              (useNewFlowEditor ? (
+                <EditorNew flow={flow} />
+              ) : (
+                <Editor flow={flow} />
+              ))}
           </EditorProvider>
         </Container>
       </Stack>
diff --git a/packages/web/src/components/EditorNew/EditorNew.js b/packages/web/src/components/EditorNew/EditorNew.js
new file mode 100644
index 00000000..88d42318
--- /dev/null
+++ b/packages/web/src/components/EditorNew/EditorNew.js
@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { FlowPropType } from 'propTypes/propTypes';
+
+function EditorNew(props) {
+  return <div>new editor comes here</div>;
+}
+
+EditorNew.propTypes = {
+  flow: FlowPropType.isRequired,
+};
+
+export default EditorNew;