Merge pull request #1412 from AnushDeokar/fix/tablename-textbox-ui-error-firstclick

Table name textbox UI error fix

src/components/TableSettingsDialog/TableName.tsx

@@ -27,7 +27,7 @@ export default function TableName({ watchedField, ...props }: ITableNameProps) {
         onChange(startCase(watchedValue));
       } else if (typeof value === "string") {
         // otherwise if table name is valid, set watched value to table name
-        onChange(value.trim());
+        onChange(startCase(value.trim()));
       }
     }
   }, [watchedValue, disabled, onChange, value]);

src/components/TableSettingsDialog/form.tsx

@@ -213,7 +213,7 @@ export const tableSettings = (
       name: "name",
       label: "Table name",
       required: true,
-      watchedField: "collection",
+      watchedField: "name",
       assistiveText: "User-facing name for this table",
       autoFocus: true,
       gridCols: { xs: 12, sm: 6 },