clarifiy checkbox

This commit is contained in:
Florian Scholdei
2019-06-12 16:27:16 +02:00
parent d50f6e0ec9
commit 5f435a524e
3 changed files with 29 additions and 22 deletions

View File

@@ -17,6 +17,8 @@ type Props = {
submitForm: User => void,
user?: User,
loading?: boolean,
// context props
t: string => string
};
@@ -138,11 +140,17 @@ class UserForm extends React.Component<Props, State> {
subtitle = <Subtitle subtitle={t("userForm.subtitle")} />;
}
const iconType = user && user.active ? (
<Icon title={t("user.active")} name="user" />
) : (
<Icon title={t("user.inactive")} name="user-slash" />
);
const iconType =
user && user.active ? (
<>
{t("user.active")} <Icon title={t("user.active")} name="user" />
</>
) : (
<>
{t("user.inactive")}{" "}
<Icon title={t("user.inactive")} name="user-slash" />
</>
);
return (
<>
@@ -175,7 +183,7 @@ class UserForm extends React.Component<Props, State> {
<div className="column">
{passwordChangeField}
<Checkbox
label={<>{iconType} {t("user.active")}</>}
label={iconType}
onChange={this.handleActiveChange}
checked={user ? user.active : false}
helpText={t("help.activeHelpText")}