fix label

microsoft · Apr 26, 2019 · ece6fb4 · ece6fb4
1 parent f3566f1
commit ece6fb4
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/app/client/src/ui/editor/appSettingsEditor/appSettingsEditor.tsx b/packages/app/client/src/ui/editor/appSettingsEditor/appSettingsEditor.tsx
@@ -94,6 +94,9 @@ export class AppSettingsEditor extends React.Component<AppSettingsEditorProps, A
 
   public render(): JSX.Element {
     const { state } = this;
+    const inputProps = {
+      disabled: !state.useCustomId,
+    };
 
     return (
       <GenericDocument className={styles.appSettingsEditor}>
@@ -192,23 +195,23 @@ export class AppSettingsEditor extends React.Component<AppSettingsEditorProps, A
               label="Use your own user ID to communicate with the bot"
               name="useCustomId"
             />
-            <Row align={RowAlignment.Top}>
-              <label>User ID</label>
-            </Row>
+
             <Row align={RowAlignment.Top}>
               <TextField
+                {...inputProps}
+                label="User ID"
                 placeholder={state.useCustomId ? '' : 'There is no ID configured'}
                 className={styles.appSettingsInput}
                 inputContainerClassName={styles.inputContainer}
                 readOnly={false}
                 value={state.userGUID}
                 name="userGUID"
                 onChange={this.onInputChange}
-                disabled={!state.useCustomId}
                 required={state.useCustomId}
                 errorMessage={state.userGUID ? '' : 'Enter a User ID'}
               />
             </Row>
+
             <SmallHeader>Application Updates</SmallHeader>
             <Checkbox
               className={styles.checkboxOverrides}