diff --git a/frontend/src/api/post.ts b/frontend/src/api/post.ts index 0bb20d6ff..87574912a 100644 --- a/frontend/src/api/post.ts +++ b/frontend/src/api/post.ts @@ -10,7 +10,6 @@ import { } from '@utils/fetch'; const BASE_URL = process.env.VOTOGETHER_BASE_URL ?? ''; -const MOCK_URL = process.env.VOTOGETHER_MOCKING_URL; export const transformPostResponse = (post: PostInfoResponse): PostInfo => { return { @@ -75,7 +74,7 @@ export const editPost = async (postId: number, updatedPost: FormData) => { }; export const deletePost = async (postId: number) => { - return await deleteFetch(`${MOCK_URL}/posts/${postId}`); + return await deleteFetch(`${BASE_URL}/posts/${postId}`); }; export const setEarlyClosePost = async (postId: number) => { diff --git a/frontend/src/api/report.ts b/frontend/src/api/report.ts index 64a46083e..bfb0353fc 100644 --- a/frontend/src/api/report.ts +++ b/frontend/src/api/report.ts @@ -2,7 +2,7 @@ import { ReportRequest } from '@type/report'; import { postFetch } from '@utils/fetch'; -const BASE_URL = process.env.VOTOGETHER_MOCKING_URL; +const BASE_URL = process.env.VOTOGETHER_BASE_URL; export const reportContent = async (reportData: ReportRequest) => { return await postFetch(`${BASE_URL}/report`, reportData); diff --git a/frontend/src/components/PostForm/ContentImageSection/index.tsx b/frontend/src/components/PostForm/ContentImageSection/index.tsx index 3f3291339..a7b53573e 100644 --- a/frontend/src/components/PostForm/ContentImageSection/index.tsx +++ b/frontend/src/components/PostForm/ContentImageSection/index.tsx @@ -1,4 +1,4 @@ -import { ChangeEvent } from 'react'; +import { ChangeEvent, MutableRefObject } from 'react'; import { Size } from '@type/style'; @@ -10,12 +10,13 @@ interface ContentImageSectionProps { size: Size; contentImageHook: { contentImage: string; + contentInputRef: MutableRefObject; removeImage: () => void; handleUploadImage: (event: ChangeEvent) => void; }; } export default function ContentImageSection({ contentImageHook, size }: ContentImageSectionProps) { - const { contentImage, removeImage, handleUploadImage } = contentImageHook; + const { contentImage, contentInputRef, removeImage, handleUploadImage } = contentImageHook; return ( <> @@ -39,6 +40,7 @@ export default function ContentImageSection({ contentImageHook, size }: ContentI { const [contentImage, setContentImage] = useState(imageUrl); + const contentInputRef = useRef(null); const removeImage = () => { setContentImage(''); + if (contentInputRef.current) contentInputRef.current.value = ''; }; const handleUploadImage = (event: ChangeEvent) => { @@ -34,5 +36,5 @@ export const useContentImage = (imageUrl: string = '') => { }; }; - return { contentImage, removeImage, handleUploadImage }; + return { contentImage, contentInputRef, removeImage, handleUploadImage }; };