Old remote name added in edit operation's axios (#95)

Author: Nageswari-droid

ui/api_schema.graphql

@@ -198,7 +198,8 @@ type Mutation {
   ): remoteMutationResult!
   editRemote(
     repoId: String!
-    remoteName: String!
+    newRemoteName: String!
+    oldRemoteName: String!
     remoteUrl: String!
   ): remoteMutationResult!
   deleteRemote(repoId: String!, remoteName: String!): remoteMutationResult!

ui/package-lock.json

@@ -39,15 +39,15 @@ export default function RemoteCard(props) {
 
   var globalUrl = remoteUrl;
 
-  const changeState = (name, url) => {
+  const changeState = (newRemoteName, oldRemoteName, url) => {
     let status = "success";
     axios({
       url: globalAPIEndpoint,
       method: "POST",
       data: {
         query: `
             mutation {
-              editRemote(repoId: "${repoId}", remoteName: "${name}", remoteUrl: ${url}"){
+              editRemote(repoId: "${repoId}", newRemoteName: "${newRemoteName}",oldRemoteName: "${oldRemoteName}", remoteUrl: ${url}"){
                 status
               }
             }
@@ -78,7 +78,7 @@ export default function RemoteCard(props) {
         // setReloadView(true);
       });
 
-    setRemoteNameState(name);
+    setRemoteNameState(newRemoteName);
     setRemoteUrlState(url);
     setEditRemote(false);
     setFieldMissing(false);
@@ -200,7 +200,8 @@ export default function RemoteCard(props) {
             <div
               className="items-center w-5/12 p-1 py-2 mx-auto text-base font-semibold bg-blue-500 rounded cursor-pointer xl:text-lg lg:text-lg md:text-base hover:bg-blue-700"
               onClick={() => {
-                let name;
+                let newRemoteName;
+                let oldRemoteName = remoteNameState.trim();
                 let url = !remoteFormUrl.current.value
                   ? remoteUrlState.trim()
                   : remoteFormUrl.current.value.trim();
@@ -211,11 +212,11 @@ export default function RemoteCard(props) {
                     !remoteFormName.current.value ||
                     remoteFormName.current.value === remoteNameState
                   ) {
-                    name = remoteNameState.trim();
+                    newRemoteName = oldRemoteName;
                   } else {
-                    name = remoteFormName.current.value.trim();
+                    newRemoteName = remoteFormName.current.value.trim();
                   }
-                  changeState(name, url);
+                  changeState(newRemoteName, oldRemoteName, url);
                 }
               }}
             >