fix(fe): apply feedback (#226)

* refactor: simplify login request and update login hook callback

* feat: update host status in session participants modal on user response

Author: cjeongmin

apps/client/src/components/modal/SessionParticipantsModal.tsx

@@ -25,6 +25,7 @@ function SessionParticipantsModal() {
     sessionToken,
     setSessionUsers,
     updateSessionUser,
+    updateReplyIsHost,
   } = useSessionStore();
 
   const [selectedUserId, setSelectedUserId] = useState<number>();
@@ -48,6 +49,7 @@ function SessionParticipantsModal() {
         isHost: params.isHost,
       }),
     onSuccess: (res) => {
+      updateReplyIsHost(res.user.userId, res.user.isHost);
       updateSessionUser(res.user);
       addToast({
         type: 'SUCCESS',

apps/client/src/features/auth/auth.api.ts

@@ -2,9 +2,7 @@ import axios from 'axios';
 
 import {
   PostLoginRequestDTO,
-  PostLoginRequestSchema,
   PostLoginResponseDTO,
-  PostLoginResponseSchema,
   PostRefreshResponseDTO,
   PostRefreshResponseSchema,
 } from '@/features/auth/auth.dto';
@@ -13,11 +11,8 @@ const AUTH_BASE_URL = '/api/auth';
 
 export const login = (body: PostLoginRequestDTO) =>
   axios
-    .post<PostLoginResponseDTO>(
-      `${AUTH_BASE_URL}/login`,
-      PostLoginRequestSchema.parse(body),
-    )
-    .then((res) => PostLoginResponseSchema.parse(res.data));
+    .post<PostLoginResponseDTO>(`${AUTH_BASE_URL}/login`, body)
+    .then((res) => res.data);
 
 export const logout = () => axios.post(`${AUTH_BASE_URL}/logout`);
 

apps/client/src/features/auth/auth.hook.ts

@@ -58,7 +58,7 @@ export function useSignInForm() {
   const isLoginEnabled = email.length > 0 && password.length > 7 && !isPending;
 
   const handleLogin = (callback: () => void) =>
-    loginQuery({ email, password }, { onSettled: callback });
+    loginQuery({ email, password }, { onSuccess: callback });
 
   return {
     email,