diff --git a/src/components/wrappers/dashboard/profile/profile-security.tsx b/src/components/wrappers/dashboard/profile/profile-security.tsx index 15948afe..5bb2d154 100644 --- a/src/components/wrappers/dashboard/profile/profile-security.tsx +++ b/src/components/wrappers/dashboard/profile/profile-security.tsx @@ -44,6 +44,7 @@ import { Account, Session, User } from "@/db/schema/02_user"; import { Icon } from "@iconify/react"; import Image from "next/image"; import type { AuthProviderConfig } from "@/lib/auth/config"; +import { is } from "date-fns/locale"; interface ProfileSecurityProps { user: User; @@ -162,81 +163,85 @@ export function ProfileSecurity({

- {isPasskeyEnabled && ( -
-

Authentication

-
- {isPasswordEnabled && ( - <> + {isPasskeyEnabled || + isPasswordEnabled || + (isTwoFactorEnabled && ( +
+

Authentication

+
+ {isPasswordEnabled && ( + <> +
+
+
Password
+
+ {user.lastChangedPasswordAt + ? `Last changed ${timeAgo(new Date(user.lastChangedPasswordAt))}` + : "Never changed"} +
+
+ {credentialAccount ? ( + + ) : ( + + )} +
+ + + + )} + + {isPasswordEnabled && (
-
Password
+
+
+ Two-Factor Authentication +
+ {user.twoFactorEnabled && ( + + Active + + )} +
- {user.lastChangedPasswordAt - ? `Last changed ${timeAgo(new Date(user.lastChangedPasswordAt))}` - : "Never changed"} + Enhance the security of your account by requiring a second + form of verification during login.
- {credentialAccount ? ( - + + {user.twoFactorEnabled ? ( +
+ + +
) : ( - )}
- - - - )} - - {isPasswordEnabled && ( -
-
-
-
Two-Factor Authentication
- {user.twoFactorEnabled && ( - - Active - - )} -
-
- Enhance the security of your account by requiring a second - form of verification during login. -
-
- - {user.twoFactorEnabled ? ( -
- - -
- ) : ( - - )} -
- )} + )} +
-
- )} + ))} {isPasskeyEnabled && (