fixed bug where two same states e.g., q1 were being coexisting because row.state was dependent on rowId

Author: anserwaseem

src/pages/Editor.tsx

@@ -544,7 +544,7 @@ export const Editor = () => {
       stateY = e.clientY - rect.y;
     }
 
-    setStateNameDialogValue(`q${rowId}`);
+    setStateNameDialogValue(getNextStateName());
     setIsStateNameDialogOpen(true);
     setStateDropPosition({ stateX, stateY });
   };
@@ -633,6 +633,14 @@ export const Editor = () => {
     setToolSelected(null);
   };
 
+  function getNextStateName() {
+    if (rows && rows?.[rows?.length - 1]?.state?.[0] === "q") {
+      const stateNumber = parseInt(rows?.[rows?.length - 1]?.state?.slice(1));
+      if (stateNumber >= 0) return `q${stateNumber + 1}`;
+    }
+    return `q${rowId}`;
+  }
+
   const transitionTableProps: TransitionTableProps = {
     rows,
     columns,
@@ -758,7 +766,7 @@ export const Editor = () => {
                       handleAddRow(
                         new RowModel(
                           rowId,
-                          `q${rowId}`,
+                          getNextStateName(),
                           "",
                           "",
                           "",