not even sure

apps/next/src/components/layout/profile/reset-password.tsx

@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { useAction } from 'convex/react';
 import { api } from '~/convex/_generated/api';
 import { z } from 'zod';
+import { type Preloaded, usePreloadedQuery } from 'convex/react';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
 import {
@@ -18,6 +19,7 @@ import {
   FormLabel,
   FormMessage,
   Input,
+  Separator,
   SubmitButton,
 } from '@/components/ui';
 import { toast } from 'sonner';
@@ -62,7 +64,12 @@ const formSchema = z
     path: ['confirmPassword'],
   });
 
-export const ResetPasswordForm = () => {
+type ResetFormProps = {
+  preloadedUser: Preloaded<typeof api.auth.getUser>;
+};
+
+export const ResetPasswordForm = ({ preloadedUser }: ResetFormProps) => {
+  const user = usePreloadedQuery(preloadedUser);
   const [loading, setLoading] = useState(false);
 
   const changePassword = useAction(api.auth.updateUserPassword);
@@ -94,9 +101,11 @@ export const ResetPasswordForm = () => {
       setLoading(false);
     }
   };
-
-  return (
+  return user?.provider !== 'password' ? (
+    <div />
+  ) : (
     <>
+      <Separator />
       <CardHeader>
         <CardTitle className='text-2xl'>Change Password</CardTitle>
         <CardDescription>

apps/next/src/components/layout/profile/user-info.tsx

@@ -133,7 +133,10 @@ export const UserInfoForm = ({ preloadedUser }: UserInfoFormProps) => {
                 <FormItem>
                   <FormLabel>Email</FormLabel>
                   <FormControl>
-                    <Input {...field} />
+                    <Input
+                      {...field}
+                      disabled={user?.provider !== 'password'}
+                    />
                   </FormControl>
                   <FormDescription>
                     Your email address associated with your account.