web: fix mfa fallback string

* also add selected style to mfa type selector button Signed-off-by: 01zulfi <[email protected]>
streetwriters · Dec 20, 2024 · 0cba454 · 0cba454
1 parent 6098935
commit 0cba454
Show file tree

Hide file tree

Showing 4 changed files with 1,014 additions and 1,015 deletions.
diff --git a/apps/web/src/dialogs/mfa/steps.tsx b/apps/web/src/dialogs/mfa/steps.tsx
@@ -258,7 +258,7 @@ function ChooseAuthenticator(props: ChooseAuthenticatorProps) {
             justifyContent: "start",
             alignItems: "start",
             textAlign: "left",
-            bg: "transparent",
+            bg: selected === index ? "shade" : "transparent",
             px: 0
           }}
           onClick={() => setSelected(index)}
@@ -759,7 +759,10 @@ function Fallback2FAEnabled(props: Fallback2FAEnabledProps) {
         mt={1}
         sx={{ textAlign: "center", color: "var(--paragraph-secondary)" }}
       >
-        {strings.mfaFallbackMethodText(fallbackMethod, primaryMethod)}
+        {strings.mfaFallbackMethodText(
+          strings[fallbackMethod]().toLocaleLowerCase(),
+          strings[primaryMethod]().toLocaleLowerCase()
+        )}
       </Text>
       <Button
         mt={2}