diff --git a/src/account/pages/Sessions.tsx b/src/account/pages/Sessions.tsx index 1bb46355..b97338a2 100644 --- a/src/account/pages/Sessions.tsx +++ b/src/account/pages/Sessions.tsx @@ -12,12 +12,9 @@ export default function Sessions(props: PageProps
diff --git a/src/account/pages/Totp.tsx b/src/account/pages/Totp.tsx index 838d0bf7..201d11d6 100644 --- a/src/account/pages/Totp.tsx +++ b/src/account/pages/Totp.tsx @@ -7,6 +7,7 @@ import { MessageKey } from "keycloakify/account/i18n/i18n"; export default function Totp(props: PageProps, I18n>) { const { kcContext, i18n, doUseDefaultCss, Template, classes } = props; + const { getClassName } = useGetClassName({ doUseDefaultCss, classes @@ -78,7 +79,7 @@ export default function Totp(props: PageProps{msg("totpStep1")}

    - {totp.supportedApplications.map(app => ( + {totp.supportedApplications?.map(app => (
  • {msg(app as MessageKey)}
  • ))}
@@ -99,28 +100,26 @@ export default function Totp(props: PageProps
  • {msg("totpManualStep3")}

    -

    -

      -
    • - {msg("totpType")}: {msg(`totp.${totp.policy.type}`)} +
        +
      • + {msg("totpType")}: {msg(`totp.${totp.policy.type}`)} +
      • +
      • + {msg("totpAlgorithm")}: {algToKeyUriAlg?.[totp.policy.algorithm] ?? totp.policy.algorithm} +
      • +
      • + {msg("totpDigits")}: {totp.policy.digits} +
      • + {totp.policy.type === "totp" ? ( +
      • + {msg("totpInterval")}: {totp.policy.period}
      • -
      • - {msg("totpAlgorithm")}: {algToKeyUriAlg?.[totp.policy.algorithm] ?? totp.policy.algorithm} + ) : ( +
      • + {msg("totpCounter")}: {totp.policy.initialCounter}
      • -
      • - {msg("totpDigits")}: {totp.policy.digits} -
      • - {totp.policy.type === "totp" ? ( -
      • - {msg("totpInterval")}: {totp.policy.period} -
      • - ) : ( -
      • - {msg("totpCounter")}: {totp.policy.initialCounter} -
      • - )} -
      -

      + )} +
  • ) : (