Merge pull request #49 from School-of-Company/chore/simple-function

🔀 간단한 기능 개선 진행

src/widgets/expo-manage/ui/ExpoManageForm/index.tsx

@@ -49,6 +49,7 @@ const ExpoManageForm = ({ id }: { id: string }) => {
   const [requestPrintCategories, setRequestPrintCategories] = useState<
     string[]
   >(traineeRequestPrintCategories);
+  const [resetKey, setResetKey] = useState(0);
 
   useEffect(() => {
     const fetchExpoData = async () => {
@@ -80,6 +81,10 @@ const ExpoManageForm = ({ id }: { id: string }) => {
     }
   }, [selectOption]);
 
+  useEffect(() => {
+    setResetKey((prevKey) => prevKey + 1);
+  }, [selectOption]);
+
   return (
     <div className="mx-auto w-full max-w-[1200px] space-y-[30px] px-5">
       <SelectUserType
@@ -88,6 +93,7 @@ const ExpoManageForm = ({ id }: { id: string }) => {
         onChange={(value) => setSelectOption(value)}
       />
       <TableForm
+        key={resetKey}
         categories={requestPrintCategories}
         data={expoData}
         maxHeight="414px"

src/widgets/program-detail/ui/ProgramDetailForm/index.tsx

@@ -3,6 +3,7 @@
 import axios from 'axios';
 import { useSearchParams } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
+import { fileActions } from '@/shared/model/footerActions';
 import { TableForm } from '@/shared/ui/Table';
 
 interface TrainingProgram {
@@ -29,7 +30,7 @@ interface StandardProgram {
 
 const ProgramDetailForm = ({ id }: { id: number }) => {
   const searchParams = useSearchParams();
-  const navigation = searchParams.get('navigation') || 'standard'; // URL 쿼리 파라미터에서 navigation 값 가져오기
+  const navigation = searchParams.get('navigation') || 'standard';
   const [data, setData] = useState<TrainingProgram[] | StandardProgram[]>([]);
 
   useEffect(() => {
@@ -56,6 +57,7 @@ const ProgramDetailForm = ({ id }: { id: number }) => {
     '성명',
     '소속',
     '직급',
+    '프로그램 이름',
     '출석 여부',
     '입실 시간',
     '퇴실 시간',
@@ -70,6 +72,7 @@ const ProgramDetailForm = ({ id }: { id: number }) => {
         maxHeight="414px"
         footerType="file"
         text="인원 수"
+        actions={fileActions(id)}
       />
     </div>
   );

src/widgets/program/ui/ProgramForm/index.tsx

@@ -19,6 +19,7 @@ const ProgramForm = ({ id }: { id: string }) => {
   const searchParams = useSearchParams();
   const navigation = searchParams.get('navigation') || 'standard';
   const [expoData, setExpoData] = useState<Program[]>([]);
+  const [resetKey, setResetKey] = useState(0);
   const router = useRouter();
 
   const requestPrintCategories = useMemo(() => {
@@ -45,10 +46,15 @@ const ProgramForm = ({ id }: { id: string }) => {
     fetchExpoData();
   }, [id, navigation]);
 
+  useEffect(() => {
+    setResetKey((prevKey) => prevKey + 1);
+  }, [navigation]);
+
   return (
     <div className="mx-auto w-full max-w-[1200px] space-y-[46px] px-5">
       <ProgramNavigation />
       <TableForm
+        key={resetKey}
         categories={requestPrintCategories}
         data={expoData}
         maxHeight="414px"