Skip to content

Commit

Permalink
[DDW-262] Tooltip promoting password managers
Browse files Browse the repository at this point in the history
  • Loading branch information
@DeeJayElly
DeeJayElly committed Aug 3, 2020
1 parent 5622ef9 commit 9eca7ce
Show file tree
Hide file tree
Showing 11 changed files with 148 additions and 102 deletions.
8 changes: 4 additions & 4 deletions source/renderer/app/components/wallet/WalletCreateDialog.js
View file
Expand Up @@ -92,10 +92,10 @@ const messages = defineMessages({
'Placeholder for the "Password" inputs in the create wallet dialog.',
},
passwordTooltip: {
id: 'wallet.create.dialog.passwordTooltip',
defaultMessage: '!!!It is really good to use Password Manager apps to improve security. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis diam non nulla sollicitudin, ac ultrices purus luctus.',
id: 'wallet.dialog.passwordTooltip',
defaultMessage: 'We recommend using a password manager app to manage and store your spending password. Generate a unique password using a password manager and paste it here. Passwords should never be reused.',
description:
'Tooltip for the password input in the create wallet dialog.',
'Tooltip for the password input in the wallet dialog.',
},
});

Expand Down Expand Up @@ -289,7 +289,7 @@ export default class WalletCreateDialog extends Component<Props, State> {
<Tooltip
skin={TooltipSkin}
themeOverrides={tooltipStyles}
tip={intl.formatMessage(messages.passwordTooltip)}
tip={<FormattedHTMLMessage {...messages.passwordTooltip} />}
key="tooltip"
className={styles.tooltip}
arrowRelativeToTip
Expand Down
1 change: 1 addition & 0 deletions source/renderer/app/components/wallet/WalletCreateDialog.scss
View file
Expand Up @@ -63,6 +63,7 @@
border-radius: 10px;
height: 87px;
left: 125px;
line-height: 1.2;
top: 54px;
white-space: normal;
width: 291.5px;
Expand Down
8 changes: 4 additions & 4 deletions source/renderer/app/components/wallet/WalletRestoreDialog.js
View file
Expand Up @@ -182,10 +182,10 @@ const messages = defineMessages({
'Label for the "Restore paper wallet" button on the wallet restore dialog.',
},
passwordTooltip: {
id: 'wallet.restore.dialog.passwordTooltip',
defaultMessage: '!!!It is really good to use Password Manager apps to improve security. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis diam non nulla sollicitudin, ac ultrices purus luctus.',
id: 'wallet.dialog.passwordTooltip',
defaultMessage: 'We recommend using a password manager app to manage and store your spending password. Generate a unique password using a password manager and paste it here. Passwords should never be reused.',
description:
'Tooltip for the password input in the create wallet dialog.',
'Tooltip for the password input in the wallet dialog.',
},
});

Expand Down Expand Up @@ -615,7 +615,7 @@ export default class WalletRestoreDialog extends Component<Props, State> {
<Tooltip
skin={TooltipSkin}
themeOverrides={tooltipStyles}
tip={intl.formatMessage(messages.passwordTooltip)}
tip={<FormattedHTMLMessage {...messages.passwordTooltip} />}
key="tooltip"
className={styles.tooltip}
arrowRelativeToTip
Expand Down
1 change: 1 addition & 0 deletions source/renderer/app/components/wallet/WalletRestoreDialog.scss
View file
Expand Up @@ -95,6 +95,7 @@
border-radius: 10px;
height: 87px;
left: 125px;
line-height: 1.2;
top: 54px;
white-space: normal;
width: 291.5px;
Expand Down
10 changes: 5 additions & 5 deletions source/renderer/app/components/wallet/settings/ChangeSpendingPasswordDialog.js
View file
Expand Up @@ -80,10 +80,10 @@ const messages = defineMessages({
'Placeholder for the "Repeat password" inputs in the change wallet password dialog.',
},
passwordTooltip: {
id: 'wallet.settings.changePassword.dialog.passwordTooltip',
defaultMessage: '!!!It is really good to use Password Manager apps to improve security. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis diam non nulla sollicitudin, ac ultrices purus luctus.',
id: 'wallet.dialog.passwordTooltip',
defaultMessage: 'We recommend using a password manager app to manage and store your spending password. Generate a unique password using a password manager and paste it here. Passwords should never be reused.',
description:
'Tooltip for the password input in the create wallet dialog.',
'Tooltip for the password input in the wallet dialog.',
},
});

Expand Down Expand Up @@ -287,7 +287,7 @@ export default class ChangeSpendingPasswordDialog extends Component<Props> {
<Tooltip
skin={TooltipSkin}
themeOverrides={tooltipStyles}
tip={intl.formatMessage(messages.passwordTooltip)}
tip={<FormattedHTMLMessage {...messages.passwordTooltip} />}
key="tooltip"
className={styles.tooltip}
arrowRelativeToTip
Expand All @@ -310,7 +310,7 @@ export default class ChangeSpendingPasswordDialog extends Component<Props> {
<Tooltip
skin={TooltipSkin}
themeOverrides={tooltipStyles}
tip={intl.formatMessage(messages.passwordTooltip)}
tip={<FormattedHTMLMessage {...messages.passwordTooltip} />}
key="tooltip"
className={styles.tooltip}
arrowRelativeToTip
Expand Down
1 change: 1 addition & 0 deletions source/renderer/app/components/wallet/settings/ChangeSpendingPasswordDialog.scss
View file
Expand Up @@ -49,6 +49,7 @@
border-radius: 10px;
height: 87px;
left: 125px;
line-height: 1.2;
top: 54px;
white-space: normal;
width: 291.5px;
Expand Down
4 changes: 2 additions & 2 deletions source/renderer/app/components/wallet/wallet-restore/ConfigurationDialog.js
View file
Expand Up @@ -74,7 +74,7 @@ const messages = defineMessages({
description: 'Placeholder for the dialog "Continue" button',
},
passwordTooltip: {
id: 'wallet.restore.dialog.step.configuration.passwordTooltip',
id: 'wallet.dialog.passwordTooltip',
defaultMessage: '!!!It is really good to use Password Manager apps to improve security. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis diam non nulla sollicitudin, ac ultrices purus luctus.',
description:
'Tooltip for the password input in the create wallet dialog.',
Expand Down Expand Up @@ -276,7 +276,7 @@ export default class ConfigurationDialog extends Component<Props> {
<Tooltip
skin={TooltipSkin}
themeOverrides={tooltipStyles}
tip={intl.formatMessage(messages.passwordTooltip)}
tip={<FormattedHTMLMessage {...messages.passwordTooltip} />}
key="tooltip"
className={styles.tooltip}
arrowRelativeToTip
Expand Down
1 change: 1 addition & 0 deletions source/renderer/app/components/wallet/wallet-restore/ConfigurationDialog.scss
View file
Expand Up @@ -43,6 +43,7 @@
border-radius: 10px;
height: 87px;
left: 125px;
line-height: 1.2;
top: 54px;
white-space: normal;
width: 291.5px;
Expand Down

0 comments on commit 9eca7ce

Please sign in to comment.