#44 feat: Portfolio holding delete api 및 mutation 추가

fe/src/api/portfolio/index.ts

@@ -85,6 +85,19 @@ export const postPortfolioHolding = async ({
   return res.data;
 };
 
+export const deletePortfolioHolding = async ({
+  portfolioId,
+  portfolioHoldingId,
+}: {
+  portfolioId: number;
+  portfolioHoldingId: number;
+}) => {
+  const res = await fetcher.delete<Response<null>>(
+    `/portfolio/${portfolioId}/holdings/${portfolioHoldingId}`
+  );
+  return res.data;
+};
+
 export const postPortfolioHoldingPurchase = async ({
   portfolioId,
   portfolioHoldingId,

fe/src/api/portfolio/queries/queryKeys.ts

@@ -10,6 +10,9 @@ export const portfolioKeys = createQueryKeys("portfolio", {
   addHolding: (portfolioId: number) => ({
     queryKey: [portfolioId],
   }),
+  deleteHolding: (portfolioId: number) => ({
+    queryKey: [portfolioId],
+  }),
   addHoldingPurchase: () => ({
     queryKey: ["addHoldingPurchase"],
   }),

fe/src/api/portfolio/queries/usePortfolioHoldingAddMutation.ts

@@ -1,15 +1,13 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { postPortfolioHoldingPurchase } from "..";
+import { postPortfolioHolding } from "..";
 import { portfolioKeys } from "./queryKeys";
 
-export default function usePortfolioHoldingAddMutation(
-  portfolioId: number
-) {
+export default function usePortfolioHoldingAddMutation(portfolioId: number) {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationKey: portfolioKeys.addHoldingPurchase().queryKey,
-    mutationFn: postPortfolioHoldingPurchase,
+    mutationKey: portfolioKeys.addHolding(portfolioId).queryKey,
+    mutationFn: postPortfolioHolding,
     onSuccess: () => {
       // TODO: toast
       queryClient.invalidateQueries(

fe/src/api/portfolio/queries/usePortfolioHoldingDeleteMutation.ts

@@ -0,0 +1,18 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { deletePortfolioHolding } from "..";
+import { portfolioKeys } from "./queryKeys";
+
+export default function usePortfolioHoldingAddMutation(portfolioId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationKey: portfolioKeys.deleteHolding(portfolioId).queryKey,
+    mutationFn: deletePortfolioHolding,
+    onSuccess: () => {
+      // TODO: toast
+      queryClient.invalidateQueries(
+        portfolioKeys.details(portfolioId).queryKey
+      );
+    },
+  });
+}