feat: noteList 커스텀 훅 구현

Author: yewonJin

frontend/src/hooks/useNoteList.ts

@@ -0,0 +1,45 @@
+import { useState } from "react";
+
+import usePageStore from "@/store/usePageStore";
+import { useDeletePage, usePages } from "./usePages";
+
+export const useNoteList = () => {
+  const { setCurrentPage } = usePageStore();
+  const { data } = usePages();
+
+  const [noteIdToDelete, setNoteIdToDelete] = useState<number | null>(null);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+
+  const deleteMutation = useDeletePage();
+
+  const handleNoteClick = (id: number) => {
+    setCurrentPage(id);
+  };
+
+  const openModal = (noteId: number) => {
+    setNoteIdToDelete(noteId);
+    setIsModalOpen(true);
+  };
+
+  const onConfirm = () => {
+    if (noteIdToDelete === null) {
+      return;
+    }
+
+    deleteMutation.mutate({ id: noteIdToDelete });
+    setIsModalOpen(false);
+  };
+
+  const onCloseModal = () => {
+    setIsModalOpen(false);
+  };
+
+  return {
+    data,
+    isModalOpen,
+    handleNoteClick,
+    openModal,
+    onConfirm,
+    onCloseModal,
+  };
+};