fix(web): clarify 2fa informational message (#2451)

pull/2454/head^2
Amir Zarrinkafsh 2021-10-07 10:54:48 +11:00 committed by GitHub
parent e070a499e1
commit 8685e095e9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 5 deletions

View File

@ -17,7 +17,7 @@ grand_parent: Features
After having successfully completed the first factor, select **One-Time Password method** After having successfully completed the first factor, select **One-Time Password method**
option and click on **Not registered yet?** link. This will e-mail you to confirm your identity. option and click on **Register device** link. This will e-mail you to confirm your identity.
*NOTE: If you're testing **Authelia**, this e-mail has likely been sent to the mailbox available at https://mail.example.com:8080/* *NOTE: If you're testing **Authelia**, this e-mail has likely been sent to the mailbox available at https://mail.example.com:8080/*

View File

@ -28,7 +28,7 @@ will need to enroll their device only once to get access to all your application
</p> </p>
After having successfully passed the first factor, select *Security Key* method and After having successfully passed the first factor, select *Security Key* method and
click on *Not registered yet?* link. This will send you an email to verify your identity. click on *Register device* link. This will send you an email to verify your identity.
*NOTE: This e-mail has likely been sent to the mailbox at https://mail.example.com:8080/ if you're testing Authelia.* *NOTE: This e-mail has likely been sent to the mailbox at https://mail.example.com:8080/ if you're testing Authelia.*

View File

@ -25,7 +25,7 @@ export interface Props {
const DefaultMethodContainer = function (props: Props) { const DefaultMethodContainer = function (props: Props) {
const style = useStyles(); const style = useStyles();
const registerMessage = props.registered ? "Lost your device?" : "Not registered yet?"; const registerMessage = props.registered ? "Lost your device?" : "Register device";
let container: ReactNode; let container: ReactNode;
let stateClass: string = ""; let stateClass: string = "";
@ -61,7 +61,7 @@ const DefaultMethodContainer = function (props: Props) {
export default DefaultMethodContainer; export default DefaultMethodContainer;
const useStyles = makeStyles((theme) => ({ const useStyles = makeStyles(() => ({
container: { container: {
height: "200px", height: "200px",
}, },
@ -84,7 +84,10 @@ function NotRegisteredContainer() {
<InformationIcon /> <InformationIcon />
</div> </div>
<Typography style={{ color: "#5858ff" }}> <Typography style={{ color: "#5858ff" }}>
Register your first device by clicking on the link below The resource you're attempting to access requires two-factor authentication.
</Typography>
<Typography style={{ color: "#5858ff" }}>
Register your first device by clicking on the link below.
</Typography> </Typography>
</Fragment> </Fragment>
); );