fix: sub user password (#5048)

Author: helenosheaa

src/writeData/subscriptions/components/BrokerFormContent.tsx

@@ -62,6 +62,12 @@ const BrokerFormContent: FC<Props> = ({
       evt.preventDefault()
     })
   }, [])
+
+  useEffect(() => {
+    if (formContent.brokerUsername) {
+      setSecurity('user')
+    }
+  }, [])
   return (
     <Grid>
       <Grid.Row>
@@ -291,6 +297,8 @@ const BrokerFormContent: FC<Props> = ({
                   {feature: 'subscriptions'}
                 )
                 setSecurity('none')
+                formContent.brokerUsername = null
+                formContent.brokerPassword = null
               }}
               value="none"
               titleText="None"

src/writeData/subscriptions/components/UserInput.tsx

@@ -52,7 +52,7 @@ const UserInput: FC<Props> = ({formContent, updateForm, className, edit}) => (
     </Form.Element>
     <Form.Element label="Password">
       <Input
-        type={InputType.Text}
+        type={InputType.Password}
         placeholder="*********"
         name="password"
         value={formContent.brokerPassword}

src/writeData/subscriptions/utils/form.ts

@@ -124,7 +124,6 @@ export const sanitizeForm = (form: Subscription): Subscription => {
   }
 
   if (form.brokerPassword === '' || form.brokerUsername === '') {
-    delete form.brokerUsername
     delete form.brokerPassword
   }
   return form