Add Setting.getNewRowNameForTable().

web/src/ProviderTable.js

@@ -38,7 +38,7 @@ class ProviderTable extends React.Component {
   }
 
   addRow(table) {
-    let row = {name: "Please select a provider", canSignUp: true, canSignIn: true, canUnlink: true, alertType: "None"};
+    let row = {name: Setting.getNewRowNameForTable(table, "Please select a provider"), canSignUp: true, canSignIn: true, canUnlink: true, alertType: "None"};
     if (table === undefined) {
       table = [];
     }

web/src/Setting.js

@@ -526,6 +526,15 @@ export function getDeduplicatedArray(array, filterArray, key) {
   return res;
 }
 
+export function getNewRowNameForTable(table, rowName) {
+  const emptyCount = table.filter(row => row.name.includes(rowName)).length;
+  let res = rowName;
+  for (let i = 0; i < emptyCount; i ++) {
+    res = res + " ";
+  }
+  return res;
+}
+
 export function getTagColor(s) {
   return "success";
 }

web/src/SignupTable.js

@@ -38,7 +38,7 @@ class SignupTable extends React.Component {
   }
 
   addRow(table) {
-    let row = {name: "Please select a signup item", visible: true, required: true, rule: "None"};
+    let row = {name: Setting.getNewRowNameForTable(table, "Please select a signup item"), visible: true, required: true, rule: "None"};
     if (table === undefined) {
       table = [];
     }