feat: Flow Name Duplicate Validation (#3445)

theopensystemslab · Jul 19, 2024 · 5382dbd · 5382dbd
1 parent 0095f16
commit 5382dbd
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/editor.planx.uk/src/pages/Team.tsx b/editor.planx.uk/src/pages/Team.tsx
@@ -325,12 +325,20 @@ const Team: React.FC = () => {
               const newFlowName = prompt("Service name");
               if (newFlowName) {
                 const newFlowSlug = slugify(newFlowName);
-                useStore
-                  .getState()
-                  .createFlow(teamId, newFlowSlug, newFlowName)
-                  .then((newId: string) => {
-                    navigation.navigate(`/${slug}/${newId}`);
-                  });
+                const duplicateFlowName = flows?.find(
+                  (flow) => flow.slug === newFlowSlug,
+                );
+
+                !duplicateFlowName
+                  ? useStore
+                      .getState()
+                      .createFlow(teamId, newFlowSlug, newFlowName)
+                      .then((newId: string) => {
+                        navigation.navigate(`/${slug}/${newId}`);
+                      })
+                  : alert(
+                      `The flow "${newFlowName}" already exists. Enter a unique flow name to continue`,
+                    );
               }
             }}
           >