fix remote runtime add button

Author: lihebi

ui/src/components/repo/sidebar.js

@@ -208,21 +208,21 @@ function RuntimeItem({ socketAddress, mqAddress }) {
       {!edit && socketAddress !== "localhost:14321" && (
         <Box>
           <IconButton
-          // onClick={() => {
-          //   updateRepoConfig({
-          //     variables: {
-          //       reponame,
-          //       config: JSON.stringify({
-          //         runtimes: produce(repoConfig.runtimes, (draft) => {
-          //           let idx = draft.findIndex(
-          //             ([addr1, addr2]) => addr1 === socketAddress
-          //           );
-          //           draft.splice(idx, 1);
-          //         }),
-          //       }),
-          //     },
-          //   });
-          // }}
+          onClick={() => {
+            updateRepoConfig({
+              variables: {
+                reponame,
+                config: JSON.stringify({
+                  runtimes: produce(repoConfig.runtimes, (draft) => {
+                    let idx = draft.findIndex(
+                      ([addr1, addr2]) => addr1 === socketAddress
+                    );
+                    draft.splice(idx, 1);
+                  }),
+                }),
+              },
+            });
+          }}
           >
             <DeleteForeverTwoToneIcon sx={{ fontSize: 15, color: "red" }} />
           </IconButton>
@@ -263,24 +263,6 @@ function SidebarRuntime() {
       </Box>
       <Box>
         Runtimes:
-        <ClickInputButton
-          callback={(value) => {
-            // dispatch(repoSlice.actions.addRuntime(value));
-            // also save this to config
-            updateRepoConfig({
-              variables: {
-                reponame,
-                config: JSON.stringify({
-                  runtimes: produce(repoConfig.runtimes, (draft) => {
-                    draft[value] = true;
-                  }),
-                }),
-              },
-            });
-          }}
-        >
-          Add
-        </ClickInputButton>
         <Button
           onClick={() => {
             dispatch(repoSlice.actions.addRuntime());

ui/src/lib/reducers/runtime.js

@@ -21,6 +21,9 @@ export default {
   },
   addRuntime: (state, action) => {
     // socket address, MQ address, editing
+    if (!state.repoConfig.runtimes) {
+      state.repoConfig.runtimes = []
+    }
     state.repoConfig.runtimes.push(["", ""]);
   },
 };