vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #384 from RohitR311/vis-fix

Browse Source 
feat: hide input values in edit robot
This commit is contained in:
Karishma Shukla
2025-01-23 20:25:35 +05:30
committed by GitHub
parent 0a722737b0 2abf0f0d7b
commit e7b6788e43
1 changed files with 31 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/robot/RobotEdit.tsx
View File

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