fix: wip

apps/remix/app/routes/_authenticated+/settings+/public-profile+/index.tsx

@@ -60,7 +60,7 @@ export default function PublicProfilePage({ loaderData }: Route.ComponentProps)
   const { _ } = useLingui();
   const { toast } = useToast();
 
-  const user = useSession();
+  const { user } = useSession();
   const team = useOptionalCurrentTeam();
 
   const [isPublicProfileVisible, setIsPublicProfileVisible] = useState(profile.enabled);

apps/remix/app/routes/_authenticated+/settings+/security+/index.tsx

@@ -2,8 +2,10 @@ import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
 import { Trans } from '@lingui/react/macro';
 import { Link } from 'react-router';
+import { getLoaderSession } from 'server/utils/get-loader-session';
 
 import { useSession } from '@documenso/lib/client-only/providers/session';
+import { prisma } from '@documenso/prisma';
 import { Alert, AlertDescription, AlertTitle } from '@documenso/ui/primitives/alert';
 import { Button } from '@documenso/ui/primitives/button';
 
@@ -13,22 +15,46 @@ import { ViewRecoveryCodesDialog } from '~/components/forms/2fa/view-recovery-co
 import { PasswordForm } from '~/components/forms/password';
 import { SettingsHeader } from '~/components/general/settings-header';
 
+import type { Route } from './+types';
+
 export function meta() {
   return [{ title: 'Security' }];
 }
 
-export default function SettingsSecurity() {
+export async function loader() {
+  const { user } = getLoaderSession();
+
+  const accounts = await prisma.account.findMany({
+    where: {
+      userId: user.id,
+    },
+    select: {
+      provider: true,
+    },
+  });
+
+  const providers = accounts.map((account) => account.provider);
+
+  return {
+    providers,
+  };
+}
+
+export default function SettingsSecurity({ loaderData }: Route.ComponentProps) {
+  const { providers } = loaderData;
+
   const { _ } = useLingui();
   const { user } = useSession();
 
+  const hasEmailPasswordAccount = providers.includes('DOCUMENSO');
+
   return (
     <div>
       <SettingsHeader
         title={_(msg`Security`)}
         subtitle={_(msg`Here you can manage your password and security settings.`)}
       />
-
-      {user.identityProvider === 'DOCUMENSO' && (
+      {hasEmailPasswordAccount && (
         <>
           <PasswordForm user={user} />
 
@@ -46,7 +72,7 @@ export default function SettingsSecurity() {
           </AlertTitle>
 
           <AlertDescription className="mr-4">
-            {user.identityProvider === 'DOCUMENSO' ? (
+            {hasEmailPasswordAccount ? (
               <Trans>
                 Add an authenticator to serve as a secondary authentication method when signing in,
                 or when signing documents.

apps/remix/app/routes/_authenticated+/settings+/security+/passkeys+/index.tsx

@@ -1,7 +1,7 @@
 import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
 
-import { CreatePasskeyDialog } from '~/components/dialogs/create-passkey-dialog';
+import { PasskeyCreateDialog } from '~/components/dialogs/passkey-create-dialog';
 import { SettingsHeader } from '~/components/general/settings-header';
 import { SettingsSecurityPasskeyTable } from '~/components/tables/settings-security-passkey-table';
 
@@ -21,7 +21,7 @@ export default function SettingsPasskeys() {
         subtitle={_(msg`Manage your passkeys.`)}
         hideDivider={true}
       >
-        <CreatePasskeyDialog />
+        <PasskeyCreateDialog />
       </SettingsHeader>
 
       <div className="mt-4">