fix: move update account to orpc

Author: ivan-dalmet

app/features/account/change-name-drawer.tsx

@@ -6,6 +6,7 @@ import { useForm } from 'react-hook-form';
 import { toast } from 'sonner';
 
 import { authClient } from '@/lib/auth/client';
+import { orpc } from '@/lib/orpc/client';
 
 import {
   Form,
@@ -41,26 +42,23 @@ export const ChangeNameDrawer = (props: { children: ReactNode }) => {
     },
   });
 
-  const updateUser = useMutation({
-    mutationFn: async (variables: { name: string }) => {
-      await authClient.updateUser({
-        name: variables.name,
-      });
-      await session.refetch();
-    },
-    onSuccess: () => {
-      toast.success('Name updated');
-      form.reset();
-      router.navigate({
-        replace: true,
-        to: '.',
-        search: {
-          state: '',
-        },
-      });
-    },
-    onError: () => toast.error('Failed to update your name'),
-  });
+  const updateUser = useMutation(
+    orpc.account.updateInfo.mutationOptions({
+      onSuccess: async () => {
+        await session.refetch();
+        toast.success('Name updated');
+        form.reset();
+        router.navigate({
+          replace: true,
+          to: '.',
+          search: {
+            state: '',
+          },
+        });
+      },
+      onError: () => toast.error('Failed to update your name'),
+    })
+  );
 
   return (
     <ResponsiveDrawer

app/server/routers/account.tsx

@@ -2,6 +2,7 @@ import { z } from 'zod';
 
 import { zFormFieldsOnboarding } from '@/features/auth/schema';
 import { protectedProcedure } from '@/server/orpc';
+import { zUser } from '@/features/user/schema';
 
 const tags = ['account'];
 
@@ -26,4 +27,28 @@ export default {
         },
       });
     }),
+
+  updateInfo: protectedProcedure({
+    permission: null,
+  })
+    .route({
+      method: 'POST',
+      path: '/account/info',
+      tags,
+    })
+    .input(
+      zUser().pick({
+        name: true,
+      })
+    )
+    .output(z.void())
+    .handler(async ({ context, input }) => {
+      context.logger.info('Update user');
+      await context.db.user.update({
+        where: { id: context.user.id },
+        data: {
+          name: input.name ?? '',
+        },
+      });
+    }),
 };