starred/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-12-18 17:23:21 +03:00
Code Issues 418 Packages Projects Releases 12 Wiki Activity

feat: Add ability to configure and test SMTP via UI

Browse Source
This commit is contained in:
Maksim Eltyshev
2025-09-22 20:35:13 +02:00
parent 3a12bb7457
commit c6f4dcdb70
114 changed files with 2161 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/src/lib/custom-ui/components/Input/InputPassword.jsx
View File

@@ -14,7 +14,7 @@ import styles from './InputPassword.module.css';
const STRENGTH_SCORE_COLORS = ['red', 'orange', 'yellow', 'olive', 'green'];
const InputPassword = React.forwardRef(
({ value, withStrengthBar, minStrengthScore, className, ...props }, ref) => {
({ value, withStrengthBar, minStrengthScore, className, onClear, ...props }, ref) => {
const [isVisible, toggleVisible] = useToggle();
const strengthScore = useMemo(() => {
@@ -32,8 +32,13 @@ const InputPassword = React.forwardRef(
const inputProps = {
...props,
ref,
value,
type: isVisible ? 'text' : 'password',
icon: <Icon link name={isVisible ? 'eye' : 'eye slash'} onClick={handleToggleClick} />,
icon: onClear ? (
<Icon link name="cancel" onClick={onClear} />
) : (
<Icon link name={isVisible ? 'eye' : 'eye slash'} onClick={handleToggleClick} />
),
};
if (!withStrengthBar) {
@@ -68,12 +73,14 @@ InputPassword.propTypes = {
withStrengthBar: PropTypes.bool,
minStrengthScore: PropTypes.number,
className: PropTypes.string,
onClear: PropTypes.func,
};
InputPassword.defaultProps = {
withStrengthBar: false,
minStrengthScore: 2,
className: undefined,
onClear: undefined,
};
export default React.memo(InputPassword);