Merge pull request #175 from 100-hours-a-week/173/fix/게시글_수정시_이미지_업로드_오류

fix: 게시글 수정/삭제 시 오류 수정

Author: jiyeeeah

src/api/queries/postQueries.ts

@@ -18,6 +18,7 @@ import {
 } from "../post";
 import {
   infiniteQueryOptions,
+  QueryClient,
   queryOptions,
   UseMutationOptions,
 } from "@tanstack/react-query";
@@ -92,15 +93,20 @@ export const postQueries = {
 
   delete: ({
     postId,
-    navigate,
+    queryClient,
   }: {
     postId: number;
-    navigate: NavigateFunction;
+    queryClient: QueryClient;
   }) => ({
     mutationKey: [...postQueries.all(), "delete", postId],
     mutationFn: () => deletePost(postId),
     onSuccess: () => {
-      navigate("/");
+      queryClient.invalidateQueries({
+        queryKey: [...postQueries.all(), "list"],
+      });
+      queryClient.invalidateQueries({
+        queryKey: [...postQueries.all(), "userPostList"],
+      });
     },
     onError: (error: AxiosError<IError>) => {
       if (error.response?.status !== 401) {

src/components/common/PostCard/ContextMenu.tsx

@@ -1,14 +1,15 @@
 import { useState } from "react";
 import { Button } from "../../ui/button";
 import { useNavigate } from "react-router-dom";
-import { useMutation } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { postQueries } from "@/api/queries/postQueries";
 
 export default function ContextMenu({ postId }: { postId: number }) {
   const navigate = useNavigate();
+  const queryClient = useQueryClient();
   const [isOpen, setIsOpen] = useState<boolean>(false);
   const { mutate: deletePost } = useMutation({
-    ...postQueries.delete({ postId, navigate }),
+    ...postQueries.delete({ postId, queryClient }),
   });
 
   const handleKeyDown = (e: React.KeyboardEvent) => {

src/hooks/common/useImageUpload.ts

@@ -43,6 +43,10 @@ export const useImageUpload = () => {
     try {
       const imageUrls = await Promise.all(
         selectedImages.map(async (image) => {
+          if (image.file.size === 0 && image.preview.startsWith("http")) {
+            return image.preview;
+          }
+
           const imageUrl = await uploadImageToS3(image.file);
           return imageUrl;
         }),