Added a condition with the isNew flag in the handleChange event for t…

…he Name input field (#25)
flipt-io · Jan 13, 2023 · a24da74 · a24da74
1 parent be59ba4
commit a24da74
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/flags/FlagForm.tsx b/src/components/flags/FlagForm.tsx
@@ -95,8 +95,9 @@ export default function FlagForm(props: FlagFormProps) {
                       // check if the name and key are currently in sync
                       // we do this so we don't override a custom key value
                       if (
-                        formik.values.key === '' ||
-                        formik.values.key === stringAsKey(previousName)
+                        isNew &&
+                        (formik.values.key === '' ||
+                          formik.values.key === stringAsKey(previousName))
                       ) {
                         formik.setFieldValue(
                           'key',

diff --git a/src/components/segments/SegmentForm.tsx b/src/components/segments/SegmentForm.tsx
@@ -99,8 +99,9 @@ export default function SegmentForm(props: SegmentFormProps) {
                     // check if the name and key are currently in sync
                     // we do this so we don't override a custom key value
                     if (
-                      formik.values.key === '' ||
-                      formik.values.key === stringAsKey(previousName)
+                      isNew &&
+                      (formik.values.key === '' ||
+                        formik.values.key === stringAsKey(previousName))
                     ) {
                       formik.setFieldValue('key', stringAsKey(e.target.value));
                     }