feat: 직업 선택 API 연동 (#50)

* logout

* select job

* auth

* script

src/app/login/api/usePutUserJob.ts

@@ -0,0 +1,8 @@
+import { http } from '@/apis/http';
+import { useMutation } from '@tanstack/react-query';
+
+type JobType = '개발자' | '디자이너';
+
+const putUserJob = async (job: JobType) => http.put({ url: '/users/job', data: { job } });
+
+export const usePutUserJob = () => useMutation({ mutationFn: putUserJob });

src/app/login/components/Select.tsx

@@ -5,11 +5,25 @@ import { cn } from '@/utils';
 import { useState } from 'react';
 import { useSession } from 'next-auth/react';
 import { useRouter } from 'next/navigation';
+import { usePutUserJob } from '../api/usePutUserJob';
+
+const jobMapper = {
+  developer: '개발자',
+  designer: '디자이너',
+} as const;
 
 export default function Select() {
   const [position, setPosition] = useState<'designer' | 'developer' | ''>('');
   const session = useSession();
   const { push } = useRouter();
+  const { mutateAsync } = usePutUserJob();
+
+  const handleSubmit = async () => {
+    if (position === '') return;
+
+    await mutateAsync(jobMapper[position]);
+    push('/');
+  };
 
   return (
     <motion.section
@@ -66,9 +80,7 @@ export default function Select() {
           'bg-neutral-5 rounded-6 py-13 h-48 px-20 w-full text-15 font-semibold text-neutral-30 transition-all',
           position !== '' && 'text-white bg-[black]',
         )}
-        onClick={() => {
-          push('/');
-        }}>
+        onClick={handleSubmit}>
         선택 완료
       </TouchButton>
     </motion.section>

src/auth.ts

@@ -43,6 +43,8 @@ export const { handlers, signIn, signOut, auth } = NextAuth({
       return session;
     },
   },
+
+  secret: process.env.NEXTAUTH_SECRET,
 });
 
 declare module 'next-auth' {