rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore: fix wording on UI from U2F to Hardware Security Key

Browse Source
This commit is contained in:
Karol Sójko
2023-04-20 13:10:37 +02:00
parent 37854c00b2
commit 922a4a2d5d
5 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/services/src/Domain/Strings/Messages.ts
View File

@@ -121,7 +121,7 @@ export const SessionStrings = {
}, },
SessionRestored: 'Your session has been successfully restored.', SessionRestored: 'Your session has been successfully restored.',
EnterMfa: 'Please enter your two-factor authentication code.', EnterMfa: 'Please enter your two-factor authentication code.',
InputU2FDevice: 'Please authenticate with your U2F device.', InputU2FDevice: 'Please authenticate with your hardware security key.',
MfaInputPlaceholder: 'Two-factor authentication code', MfaInputPlaceholder: 'Two-factor authentication code',
EmailInputPlaceholder: 'Email', EmailInputPlaceholder: 'Email',
PasswordInputPlaceholder: 'Password', PasswordInputPlaceholder: 'Password',

2
packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FAddDeviceView.tsx
View File

@@ -60,7 +60,7 @@ const U2FAddDeviceView: FunctionComponent<Props> = ({
return ( return (
<Modal <Modal
title="Add U2F Device" title="Add Security Key"
close={closeModal} close={closeModal}
actions={[ actions={[
{ {

6
packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FDescription.tsx
View File

@@ -13,14 +13,14 @@ const U2FDescription: FunctionComponent<Props> = ({ userProvider }) => {
const application = useApplication() const application = useApplication()
if (userProvider.getUser() === undefined) { if (userProvider.getUser() === undefined) {
return <Text>Sign in or register for an account to configure U2F.</Text> return <Text>Sign in or register for an account to configure hardware security keys.</Text>
} }
return ( return (
<div> <div>
<Text>Authenticate with a U2F hardware device such as Yubikey.</Text> <Text>Authenticate with a hardware security key such as Yubikey.</Text>
{!application.isFullU2FClient && ( {!application.isFullU2FClient && (
<Text className="italic">Please visit the web app in order to add a U2F Device.</Text> <Text className="italic">Please visit the web app in order to add a hardware security key.</Text>
)} )}
</div> </div>
) )

4
packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FTitle.tsx
View File

@@ -10,10 +10,10 @@ type Props = {
const U2FTitle: FunctionComponent<Props> = ({ userProvider }) => { const U2FTitle: FunctionComponent<Props> = ({ userProvider }) => {
if (userProvider.getUser() === undefined) { if (userProvider.getUser() === undefined) {
return <Title>Universal 2nd factor authentication not available</Title> return <Title>Hardware security key authentication not available</Title>
} }
return <Title>Universal 2nd Factor Authentication</Title> return <Title>Hardware Security Key Authentication</Title>
} }
export default observer(U2FTitle) export default observer(U2FTitle)

6
packages/web/src/javascripts/Components/U2FAuthIframe/U2FAuthIframe.tsx
View File

@@ -73,7 +73,7 @@ const U2FAuthIframe = () => {
throw new Error('No options returned from server') throw new Error('No options returned from server')
} }
setInfo('Waiting for U2F device...') setInfo('Waiting for security key...')
const assertionResponse = await startAuthentication(jsonResponse.data.options) const assertionResponse = await startAuthentication(jsonResponse.data.options)
@@ -96,7 +96,9 @@ const U2FAuthIframe = () => {
return ( return (
<div className="flex h-full w-full flex-col items-center justify-center gap-2"> <div className="flex h-full w-full flex-col items-center justify-center gap-2">
<div className="mb-2 text-center">Insert your U2F device, then press the button below to authenticate.</div> <div className="mb-2 text-center">
Insert your hardware security key, then press the button below to authenticate.
</div>
<Button onClick={beginAuthentication}>Authenticate</Button> <Button onClick={beginAuthentication}>Authenticate</Button>
<div className="mt-2"> <div className="mt-2">
<div>{info}</div> <div>{info}</div>