Merge pull request #414 from Computer-Research-Association/feat/#401

merge

Author: leehan416

src/components/Book/Delete/BookAdminDelete.tsx

@@ -16,25 +16,33 @@ const DeleteButton = styled.button`
   }
 `;
 
-function BookAdminDelete({ id }: { id: number }) {
+function BookAdminDelete({
+  id,
+  currentPage,
+}: {
+  id: number;
+  currentPage: number;
+}) {
   const queryClient = useQueryClient();
 
   const mutation = useMutation({
     mutationFn: (id: number) => deleteItem(id),
     onSuccess: async () => {
       queryClient.setQueryData<Item[]>(
-        QUERY_KEY.item.items(ITEMCATEGORY.BOOK),
+        QUERY_KEY.item.items(ITEMCATEGORY.BOOK, currentPage),
         (oldData) => {
           if (!oldData) return [];
           return oldData.filter((item) => item.id !== id);
         },
       );
 
       await queryClient.invalidateQueries({
-        queryKey: QUERY_KEY.item.items(ITEMCATEGORY.BOOK),
+        queryKey: QUERY_KEY.item.items(ITEMCATEGORY.BOOK, currentPage),
       });
 
-      queryClient.getQueryData<Item[]>(QUERY_KEY.item.items(ITEMCATEGORY.BOOK));
+      queryClient.getQueryData<Item[]>(
+        QUERY_KEY.item.items(ITEMCATEGORY.BOOK, currentPage),
+      );
     },
     onError: (error) => {
       console.error('도서 삭제 실패', error);

src/components/Book/Write/BookAdminWrite.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useMutation } from '@tanstack/react-query';
-import { Link, useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 import { Item } from '~/models/Item.ts';
 import { createItems } from '~/api/item.ts';
 import { onUploadImage } from '~/api/board.ts';

src/components/Recruit/Banner/Banner.tsx

@@ -1,4 +1,3 @@
-import { Link } from 'react-router-dom';
 import Vector from '~/assets/images/Vector/Arrow-Vector.png?format=webp&as=srcset';
 import Vector2 from '~/assets/images/Vector/Arrow-Vector2.png?format=webp&as=srcset';
 import styles from './Banner.module.css';

src/components/Recruit/Banner/RecruitButton.tsx

@@ -1,20 +1,19 @@
-import { RefObject } from "react";
-import styles from "./Banner.module.css";
+import { RefObject } from 'react';
+import styles from './Banner.module.css';
 
 interface RecruitButtonProps {
   titleRef: RefObject<HTMLDivElement>;
 }
 
-const RECRUITLINK =
-  'https://docs.google.com/forms/d/e/1FAIpQLSd-Yq9rq7tTuYXyn_RnkEvQRXP7yYVJLAWhChnPnMKtRQqrsQ/viewform';
-
+// const RECRUITLINK =
+//   'https://docs.google.com/forms/d/e/1FAIpQLSd-Yq9rq7tTuYXyn_RnkEvQRXP7yYVJLAWhChnPnMKtRQqrsQ/viewform';
 
 function RecruitButton({ titleRef }: RecruitButtonProps) {
   return (
-    <div ref={titleRef} className={styles["recruit-apply1"]}>
-      <button className={styles["button-style"]}>모집이 마감되었습니다</button>
+    <div ref={titleRef} className={styles['recruit-apply1']}>
+      <button className={styles['button-style']}>모집이 마감되었습니다</button>
     </div>
   );
 }
 
-export default RecruitButton;
+export default RecruitButton;

src/components/Search/SearchList.tsx

@@ -23,7 +23,6 @@ interface SearchListProps {
 
 export default function SearchList({
   category,
-  boardsQuery,
   pinned,
   totalPages,
   currentPage,

src/pages/Recruit/RecruitPage.tsx

@@ -1,11 +1,10 @@
 import { useEffect, useRef, useState } from 'react';
-import { Link } from 'react-router-dom';
 import Cra from '~/components/Recruit/CRA/Cra';
 import styles from './RecruitPage.module.css';
 import Banner from '~/components/Recruit/Banner/Banner';
 import Talent from '~/components/Recruit/Talent/Talent';
 import Calender from '~/components/Recruit/Calender/Calender';
-import RecruitButton from '~/components/Recruit/Banner/RecruitButton'
+import RecruitButton from '~/components/Recruit/Banner/RecruitButton';
 
 export default function RecruitPage() {
   const recruitTalentRef = useRef<HTMLDivElement>(null);