Merge pull request #384 from RohitR311/vis-fix

feat: hide input values in edit robot

src/components/robot/RobotEdit.tsx

@@ -320,30 +320,37 @@ export const RobotEditModal = ({ isOpen, handleStart, handleClose, initialSettin
                 <Typography variant="h6" style={{ marginBottom: '20px'}}>
                     {headerText}
                 </Typography>
-                {selectors.map((selector) => (
+                {selectors.map((selector) => {
+                    const isVisible = showPasswords[selector];
+                    
+                    return (
                         <TextField
                             key={selector}
-                        type={showPasswords[selector] ? 'text' : defaultType}
+                            // The type changes based on visibility state
+                            type={isVisible ? 'text' : 'password'}
                             label={`Credential for ${selector}`}
                             value={credentials[selector]?.value || ''}
                             onChange={(e) => handleCredentialChange(selector, e.target.value)}
                             style={{ marginBottom: '20px' }}
                             InputProps={{
-                            // Only show visibility toggle for password fields
+                                // Now showing visibility toggle for all fields
-                            endAdornment: defaultType === 'password' ? (
+                                endAdornment: (
                                     <InputAdornment position="end">
                                         <IconButton
-                                        aria-label="toggle password visibility"
+                                            aria-label="toggle credential visibility"
                                             onClick={() => handleClickShowPassword(selector)}
                                             edge="end"
+                                            // Optional: disable if field is empty
+                                            disabled={!credentials[selector]?.value}
                                         >
-                                        {showPasswords[selector] ? <Visibility /> : <VisibilityOff />}
+                                            {isVisible ? <Visibility /> : <VisibilityOff />}
                                         </IconButton>
                                     </InputAdornment>
-                            ) : undefined,
+                                ),
                             }}
                         />
-                ))}
+                    );
+                })}
             </>
         );
     };