diff --git a/src/components/Introduce/Quill/index.tsx b/src/components/Introduce/Quill/index.tsx index 49d3b1d..3a04e17 100644 --- a/src/components/Introduce/Quill/index.tsx +++ b/src/components/Introduce/Quill/index.tsx @@ -16,12 +16,13 @@ import useModalState from '@/hooks/useModalState'; import useQuillModules from '@/hooks/useQuillModules'; import useToastMessageType from '@/hooks/useToastMessageType'; import { checkBeforePost } from '@/utils/utils'; -import { DEFAULT_OPTIONS } from '@/constants/image'; +// import { DEFAULT_OPTIONS } from '@/constants/image'; import styles from './styles.module.scss'; // TODO: 이미지 10개 이상 등록 불가 -const { VITE_S3_DOMAIN, VITE_CLOUD_FRONT_DOMAIN } = import.meta.env; +// const { VITE_CLOUD_FRONT_DOMAIN } = import.meta.env; +const { VITE_S3_DOMAIN } = import.meta.env; export default function IntroduceQuill() { const navigate = useNavigate(); @@ -82,7 +83,8 @@ export default function IntroduceQuill() { const res = await uploadFile(file); const url = res || ''; const imageName = url.split(VITE_S3_DOMAIN)[1]; - const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS; + // const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS; + const imageUrl = VITE_S3_DOMAIN + imageName; setThumbnail(imageUrl); } catch (error) { const err = error as AxiosError; diff --git a/src/pages/Trade/Write/index.tsx b/src/pages/Trade/Write/index.tsx index 28b27aa..d9c4140 100644 --- a/src/pages/Trade/Write/index.tsx +++ b/src/pages/Trade/Write/index.tsx @@ -14,12 +14,13 @@ import { import { uploadFile } from '@/apis/uploadS3'; import userStore from '@/store/userStore'; import { getRentalPriceType } from '@/utils/utils'; -import { DEFAULT_OPTIONS } from '@/constants/image'; +// import { DEFAULT_OPTIONS } from '@/constants/image'; import { specialCategory, tradeCategory } from '@/constants/trade'; import { opacityVariants } from '@/constants/variants'; import styles from './styles.module.scss'; -const { VITE_S3_DOMAIN, VITE_CLOUD_FRONT_DOMAIN } = import.meta.env; +// const { VITE_CLOUD_FRONT_DOMAIN } = import.meta.env; +const { VITE_S3_DOMAIN } = import.meta.env; export default function TradeWritePage() { const { user } = userStore(); @@ -77,7 +78,8 @@ export default function TradeWritePage() { const res = await uploadFile(file); const url = res || ''; const imageName = url.split(VITE_S3_DOMAIN)[1]; - const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS; + // const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS; + const imageUrl = VITE_S3_DOMAIN + imageName; setThumbnail(imageUrl); } catch (error) { const err = error as AxiosError; diff --git a/src/utils/Quill/imageHandler.ts b/src/utils/Quill/imageHandler.ts index e959edc..ce6479a 100644 --- a/src/utils/Quill/imageHandler.ts +++ b/src/utils/Quill/imageHandler.ts @@ -2,9 +2,10 @@ import ReactQuill from 'react-quill'; import { AxiosError } from 'axios'; import { uploadFile } from '@/apis/uploadS3'; import { ApiResponseType } from '@/types/apiResponseType'; -import { DEFAULT_OPTIONS } from '@/constants/image'; +// import { DEFAULT_OPTIONS } from '@/constants/image'; -const { VITE_S3_DOMAIN, VITE_CLOUD_FRONT_DOMAIN } = import.meta.env; +// const { VITE_CLOUD_FRONT_DOMAIN } = import.meta.env; +const { VITE_S3_DOMAIN } = import.meta.env; const imageHandler = ( QuillRef: React.MutableRefObject, @@ -22,7 +23,8 @@ const imageHandler = ( const res = await uploadFile(file); const url = res || ''; const imageName = url.split(VITE_S3_DOMAIN)[1]; - const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS; + // const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS; + const imageUrl = VITE_S3_DOMAIN + imageName; const range = QuillRef.current?.getEditor().getSelection()?.index; if (range !== null && range !== undefined) {