[Uptime] [Synthetics Integration] update tls passphrase and http password field to use EuiFieldPassword (#100162) (#100194)

kibanamachine · dominiqueclarke · web-flow · commit fe148363e1f2 · 2021-05-16T20:03:30.000-04:00
Co-authored-by: Kibana Machine &lt;42973632+kibanamachine@users.noreply.github.com&gt;

Co-authored-by: Dominique Clarke &lt;doclarke71@gmail.com&gt;
diff --git a/x-pack/plugins/uptime/public/components/fleet_package/http_advanced_fields.tsx b/x-pack/plugins/uptime/public/components/fleet_package/http_advanced_fields.tsx
@@ -17,6 +17,7 @@ import {
   EuiDescribedFormGroup,
   EuiCheckbox,
   EuiSpacer,
+  EuiFieldPassword,
 } from '@elastic/eui';
 
 import { useHTTPAdvancedFieldsContext } from './contexts';
@@ -110,7 +111,7 @@ export const HTTPAdvancedFields = memo<Props>(({ validate }) => {
             />
           }
         >
-          <EuiFieldText
+          <EuiFieldPassword
             value={fields[ConfigKeys.PASSWORD]}
             onChange={(event) =>
               handleInputChange({
diff --git a/x-pack/plugins/uptime/public/components/fleet_package/tls_fields.tsx b/x-pack/plugins/uptime/public/components/fleet_package/tls_fields.tsx
@@ -13,12 +13,12 @@ import {
   EuiComboBox,
   EuiComboBoxOptionOption,
   EuiFormRow,
-  EuiFieldText,
   EuiTextArea,
   EuiFormFieldset,
   EuiSelect,
   EuiScreenReaderOnly,
   EuiSpacer,
+  EuiFieldPassword,
 } from '@elastic/eui';
 
 import { useTLSFieldsContext } from './contexts';
@@ -333,7 +333,7 @@ export const TLSFields: React.FunctionComponent<{
         }
         labelAppend={<OptionalLabel />}
       >
-        <EuiFieldText
+        <EuiFieldPassword
           value={fields[ConfigKeys.TLS_KEY_PASSPHRASE].value}
           onChange={(event) => {
             const value = event.target.value;
