fix(sidebar): maintain order when changing values

2025-03-22 12:52:56 -04:00
parent 043f6040c6
commit f2f209dbd3
1 changed files with 11 additions and 3 deletions
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -187,9 +187,17 @@ const Sidebar = ({
                          value={key}
                          onChange={(e) => {
                            const newKey = e.target.value;
-                            const newEnv = { ...env };
-                            delete newEnv[key];
-                            newEnv[newKey] = value;
+                            const newEnv = Object.entries(env).reduce(
+                              (acc, [k, v]) => {
+                                if (k === key) {
+                                  acc[newKey] = value;
+                                } else {
+                                  acc[k] = v;
+                                }
+                                return acc;
+                              },
+                              {} as Record<string, string>,
+                            );
                            setEnv(newEnv);
                            setShownEnvVars((prev) => {
                              const next = new Set(prev);