Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -50,4 +50,7 @@ next-env.d.ts
!.yarn/plugins
!.yarn/releases
!.yarn/sdks
!.yarn/versions
!.yarn/versions

# omc
.omc
56 changes: 25 additions & 31 deletions src/components/bannerAdmin/BannerImageRegister.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -57,9 +57,7 @@ const BannerImageRegister = () => {

<StDescriptionWrapper>
<StDescription isError={errors.pcImageFileName ? true : false}>
<StDescriptionTitle>
{location === 'cr_feed' ? '[PC/MO]' : '[PC]'}
</StDescriptionTitle>{' '}
<StDescriptionTitle>[PC]</StDescriptionTitle>{' '}
{`이미지는 ${pcImageBaseWidth}*${pcImageBaseHeight} px`}
크기로 올려주세요.
<span>(형식: PNG, 용량: 1MB 이내)</span>
Expand All @@ -82,34 +80,30 @@ const BannerImageRegister = () => {
required
/>

{location !== 'cr_feed' && (
<>
<StDescriptionWrapper style={{ marginTop: '2rem' }}>
<StDescription isError={!!errors.mobileImageFileName}>
<StDescriptionTitle>[MO]</StDescriptionTitle>{' '}
{`이미지는 ${moImageBaseWidth}*${moImageBaseHeight} px`}
크기로 올려주세요.
<span>(형식: PNG, 용량: 1MB 이내)</span>
</StDescription>
<Button
size="sm"
variant="outlined"
disabled={
!getValues('mobileImageFileName')?.file ||
'mobileImageFileName' in errors
}
onClick={() => setIsModalOpen('mobile')}>
미리보기
</Button>
</StDescriptionWrapper>
<ImageDropZone
method={method}
label="mobileImageFileName"
width="580px"
height="170px"
/>
</>
)}
<StDescriptionWrapper style={{ marginTop: '2rem' }}>
<StDescription isError={!!errors.mobileImageFileName}>
<StDescriptionTitle>[MO]</StDescriptionTitle>{' '}
{`이미지는 ${moImageBaseWidth}*${moImageBaseHeight} px`}
크기로 올려주세요.
<span>(형식: PNG, 용량: 1MB 이내)</span>
</StDescription>
<Button
size="sm"
variant="outlined"
disabled={
!getValues('mobileImageFileName')?.file ||
'mobileImageFileName' in errors
}
onClick={() => setIsModalOpen('mobile')}>
미리보기
</Button>
</StDescriptionWrapper>
<ImageDropZone
method={method}
label="mobileImageFileName"
width="580px"
height="170px"
/>

{isModalOpen && (
<Modal>
Expand Down
5 changes: 1 addition & 4 deletions src/components/bannerAdmin/CreateBannerModal.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -116,10 +116,7 @@ const CreateBannerModal = ({
end_date: data.dateRange[1].replaceAll('.', '-'),
link: data?.link,
image_pc: data.pcImageFileName.file,
image_mobile:
data.location === 'cr_feed'
? data.pcImageFileName.file
: data.mobileImageFileName.file,
image_mobile: data.mobileImageFileName.file,
};

if (modalState === CREATE_MODAL) {
Expand Down
11 changes: 0 additions & 11 deletions src/components/bannerAdmin/ImageDropZone.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -53,17 +53,6 @@ const ImageDropZone = ({
},
{ shouldValidate: true },
);
if (getValues('location') === 'cr_feed') {
setValue(
'mobileImageFileName',
{
file,
previewUrl: reader.result,
location: getValues('location'),
},
{ shouldValidate: true },
);
}
};
reader.readAsDataURL(file);
}
Expand Down
11 changes: 3 additions & 8 deletions src/components/bannerAdmin/types/form.ts
Original file line number Diff line number Diff line change
Expand Up @@ -10,12 +10,11 @@ export const contentList = {
'생일 광고': 'birthday',
} as const;

export const LOCATION_KEY = ['커뮤니티', '전체모임', '모임피드'] as const;
export const LOCATION_VALUE = ['pg_community', 'cr_main', 'cr_feed'] as const;
export const LOCATION_KEY = ['커뮤니티', '전체모임'] as const;
export const LOCATION_VALUE = ['pg_community', 'cr_main'] as const;
export const locationList = {
커뮤니티: 'pg_community',
전체모임: 'cr_main',
모임피드: 'cr_feed',
} as const;

const MAX_IMAGE_CAPACITY = 1;
Expand All @@ -36,9 +35,7 @@ export const getPcImageBaseSize = (
case 'pg_community':
return [1824, 328];
case 'cr_main':
return [760, 956];
case 'cr_feed':
return [760, 760];
return [760, 1012];
}
};

Expand All @@ -50,8 +47,6 @@ export const getMoImageBaseSize = (
return [1340, 672];
case 'cr_main':
return [760, 190];
case 'cr_feed':
return [760, 760];
}
};

Expand Down
21 changes: 12 additions & 9 deletions src/services/api/client.ts
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,8 @@ client.interceptors.response.use(
destroyToken('ACCESS');
window.location.replace('/');
}
return { status: 400, error: '요청을 처리하는데 실패했어요' };
error.message = '요청을 처리하는데 실패했어요';
return Promise.reject(error);
case 401:
if (error?.config?.headers['Reissue-Request']) {
destroyToken('ACCESS');
Expand All @@ -75,18 +76,20 @@ client.interceptors.response.use(
if (error.config) {
return client(error.config);
}
return { status: 401, error: '만료된 토큰이에요' };
error.message = '만료된 토큰이에요';
return Promise.reject(error);
case 403:
return { status: 403, error: '권한이 없어요' };
error.message = '권한이 없어요';
return Promise.reject(error);
case 404:
return { status: 404, error: '잘못된 요청이에요' };
error.message = '잘못된 요청이에요';
return Promise.reject(error);
case 500:
return { status: 500, error: '알 수 없는 에러예요' };
error.message = '알 수 없는 에러예요';
return Promise.reject(error);
default:
return {
status: error.response.status,
error: '알 수 없는 에러예요',
};
error.message = '알 수 없는 에러예요';
return Promise.reject(error);
}
} else {
throw error;
Expand Down
Loading