Merge pull request #366 from mosu-dev/fix#364

Fix#364 필드 에러표시가 안 뜨는 현상 수정

Author: kimgho

mosu-app/src/@types/api.d.ts

@@ -8,4 +8,5 @@ declare type BaseExceptionResponse = {
     status: number;
     message: string;
     code: string;
+    errors?: Record<string, string>;
 };

mosu-app/src/apps/lib/api.ts

@@ -30,6 +30,10 @@ export const api = (context?: GetServerSidePropsContext) => {
         },
         (error) => {
             if (axios.isAxiosError(error)) {
+                if (error.response?.data.errors) {
+                    return Promise.reject(error);
+                }
+
                 const httpException = HTTPExceptionAdapter.fromAxiosError(error);
 
                 reportErrorToSentry(httpException, {

mosu-app/src/features/events/services/postRecommendations.ts

@@ -17,6 +17,10 @@ export const postRecommendation = async (requestBody: PostRecommendationRequestB
         const { data: response } = await api().post<BaseResponse<void>>("/recommendations", requestBody);
         return response.data;
     } catch (error) {
+        if (isAxiosError(error) && error.response?.data?.errors) {
+            throw error;
+        }
+
         if (!isAxiosError(error)) throw error;
         throw HTTPExceptionAdapter.fromAxiosError(error);
     }

mosu-app/src/shared/components/Input/InputFieldSet.tsx

@@ -42,8 +42,10 @@ export const InputFieldSet = ({
                 )}
             />
             {desc && <p className="mt-1 text-sm text-gray-500">{desc}</p>}
-            {error && <ErrorMessage error={error} />}
-            {success && <SuccessMessage success={success} />}
+            <div className="mt-1 h-5">
+                {error && <ErrorMessage error={error} />}
+                {success && <SuccessMessage success={success} />}
+            </div>
         </fieldset>
     );
 };