From 8685e095e9496c2e64201378b98b0461762fb944 Mon Sep 17 00:00:00 2001
From: Amir Zarrinkafsh <nightah@me.com>
Date: Thu, 7 Oct 2021 10:54:48 +1100
Subject: [PATCH] fix(web): clarify 2fa informational message (#2451)

---
 docs/features/2fa/one-time-password.md                   | 2 +-
 docs/features/2fa/security-key.md                        | 2 +-
 .../views/LoginPortal/SecondFactor/MethodContainer.tsx   | 9 ++++++---
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/docs/features/2fa/one-time-password.md b/docs/features/2fa/one-time-password.md
index 48cba8fa..7481a960 100644
--- a/docs/features/2fa/one-time-password.md
+++ b/docs/features/2fa/one-time-password.md
@@ -17,7 +17,7 @@ grand_parent: Features
 
 
 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/*
 
diff --git a/docs/features/2fa/security-key.md b/docs/features/2fa/security-key.md
index 332e957e..50af8c7a 100644
--- a/docs/features/2fa/security-key.md
+++ b/docs/features/2fa/security-key.md
@@ -28,7 +28,7 @@ will need to enroll their device only once to get access to all your application
 </p>
 
 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.*
 
diff --git a/web/src/views/LoginPortal/SecondFactor/MethodContainer.tsx b/web/src/views/LoginPortal/SecondFactor/MethodContainer.tsx
index e91cd0a6..190fbf45 100644
--- a/web/src/views/LoginPortal/SecondFactor/MethodContainer.tsx
+++ b/web/src/views/LoginPortal/SecondFactor/MethodContainer.tsx
@@ -25,7 +25,7 @@ export interface Props {
 
 const DefaultMethodContainer = function (props: Props) {
     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 stateClass: string = "";
@@ -61,7 +61,7 @@ const DefaultMethodContainer = function (props: Props) {
 
 export default DefaultMethodContainer;
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(() => ({
     container: {
         height: "200px",
     },
@@ -84,7 +84,10 @@ function NotRegisteredContainer() {
                 <InformationIcon />
             </div>
             <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>
         </Fragment>
     );