🐛 presigned url 발급 시 토큰을 반드시 포함하도록 수정 (#47)

Author: Yeonu-Kim

src/feature/application/application/application-query.ts

@@ -54,15 +54,18 @@ export const useApplicationQuery = ({
           eventId,
           walletAddress,
           imageFile,
+          token,
         }: {
           eventId: string;
           walletAddress: string;
           imageFile: File;
+          token: string;
         }) => {
           return await applicationUsecase.submitApplication({
             eventId,
             walletAddress,
             imageFile,
+            token,
           });
         },
         onSuccess: (response) => {

src/feature/application/usecase/application-usecase.ts

@@ -13,6 +13,7 @@ export type ApplicationUsecase = {
     eventId: string;
     walletAddress: string;
     imageFile: File;
+    token: string;
   }): UsecaseResponse<null>;
 };
 
@@ -45,10 +46,11 @@ export const implApplicationUsecase = ({
     return { type: 'error', code: err.code, message: err.message };
   },
 
-  submitApplication: async ({ eventId, walletAddress, imageFile }) => {
+  submitApplication: async ({ eventId, walletAddress, imageFile, token }) => {
     const presignedResp = await fileUsecase.getUploadPresignedUrl({
       fileName: imageFile.name,
       fileType: 'REVIEW',
+      contentType: imageFile.type,
     });
     if (presignedResp.type === 'error') {
       return presignedResp;
@@ -64,6 +66,7 @@ export const implApplicationUsecase = ({
 
     const { status, data } = await api['POST /api/applications']({
       body: { eventId, walletAddress, imageKey: presignedResp.data.s3Key },
+      token,
     });
     if (status === 200) {
       return { type: 'success', data: null };

src/feature/file/usecase/file-usecase.ts

@@ -8,6 +8,7 @@ export type FileUsecase = {
   getUploadPresignedUrl(params: {
     fileName: string;
     fileType: FileType;
+    contentType: string;
   }): UsecaseResponse<S3UploadResponse>;
   uploadFile(params: {
     presignedUrl: string;
@@ -22,9 +23,9 @@ export const implFileUsecase = ({
   api: Apis;
   storageApi: StorageApis;
 }): FileUsecase => ({
-  getUploadPresignedUrl: async ({ fileName, fileType }) => {
+  getUploadPresignedUrl: async ({ fileName, fileType, contentType }) => {
     const { status, data } = await api['POST /api/s3']({
-      body: { fileName, fileType },
+      body: { fileName, fileType, contentType },
     });
     if (status === 200) {
       return { type: 'success', data: data as S3UploadResponse };

src/infrastructure/api/apis/local-server/apis.ts

@@ -138,11 +138,18 @@ export const getLocalServerApis = ({
         path: 'api/s3',
         body,
       }),
-    'POST /api/applications': ({ body }: { body: ApplicationCreateRequest }) =>
-      callWithoutToken<SuccessResponse<null>>({
+    'POST /api/applications': ({
+      body,
+      token,
+    }: {
+      body: ApplicationCreateRequest;
+      token: string;
+    }) =>
+      callWithToken<SuccessResponse<null>>({
         method: 'POST',
         path: 'api/applications',
         body,
+        token,
       }),
 
     // Event

src/infrastructure/api/apis/local-server/schemas.ts

@@ -90,6 +90,7 @@ export type S3FileType = 'REVIEW' | 'STORE';
 export type S3UploadRequest = {
   fileName: string;
   fileType: S3FileType;
+  contentType: string;
 };
 
 export type S3UploadResponse = {

src/mocks/s3/schemas.ts

@@ -3,6 +3,7 @@ export type S3FileType = 'REVIEW' | 'STORE';
 export type S3UploadRequest = {
   fileName: string;
   fileType: S3FileType;
+  contentType: string;
 };
 
 export type S3UploadResponse = {

src/widgets/application/ui/submit-form.tsx

@@ -4,6 +4,7 @@ import { useParams } from 'react-router';
 import { applicationFormPresenter } from '@/feature/application/presenter/application-form-presenter';
 import { applicationInputPresenter } from '@/feature/application/presenter/application-input-presenter';
 import { QueryContext } from '@/feature/shared/context/query-context';
+import { TokenContext } from '@/feature/shared/context/token-context';
 import { useGuardContext } from '@/feature/shared/context/use-gaurd-context';
 import { Button } from '@/widgets/common/ui/button';
 import {
@@ -32,6 +33,7 @@ export const SubmitForm = () => {
   }>();
 
   const { applicationQuery } = useGuardContext(QueryContext);
+  const { token } = useGuardContext(TokenContext);
 
   const { store } = applicationQuery.useGetStore({ storeId: storeId ?? '' });
   const { event } = applicationQuery.useGetEvent({ eventId: eventId ?? '' });
@@ -133,10 +135,16 @@ export const SubmitForm = () => {
       return;
     }
 
+    if (token === null) {
+      setResponseMessage('로그인이 필요합니다.');
+      return;
+    }
+
     submitApplication({
       eventId,
       walletAddress: inputStates.walletAddress.value,
       imageFile: inputStates.imageFile.value,
+      token,
     });
   };