diff --git a/FE/src/components/InterviewSetEditPage/InterviewSetQuestionList.tsx b/FE/src/components/InterviewSetEditPage/InterviewSetQuestionList.tsx new file mode 100644 index 0000000..3a301ac --- /dev/null +++ b/FE/src/components/InterviewSetEditPage/InterviewSetQuestionList.tsx @@ -0,0 +1,66 @@ +import { css } from '@emotion/react'; +import { theme } from '@styles/theme'; +import QuestionAccordion from '@common/QuestionAccordion/QuestionAccordion'; +import AnswerSelectionModal from '@common/QuestionSelectionBox/AnswerSelectionModal/AnswerSelectionModal'; +import { QuestionAnswerSelectionModal } from '@atoms/modal'; +import { useRecoilState } from 'recoil'; +import QuestionAddForm from '@common/QuestionSelectionBox/QuestionAddForm'; +import useQuestionWorkbookQuery from '@hooks/apis/queries/useQuestionWorkbookQuery'; + +type InterviewSetQuestionListProps = { + workbookId: number; +}; +const InterviewSetQuestionList: React.FC = ({ + workbookId, +}) => { + const { data: workbookQuestionList } = useQuestionWorkbookQuery({ + workbookId, + enabled: true, + }); + const [{ isOpen, question: selectedQuestion }, setModalState] = + useRecoilState(QuestionAnswerSelectionModal); + + if (!workbookQuestionList) return null; + + return ( +
+ +
+ + setModalState((pre) => ({ + ...pre, + isOpen: false, + })) + } + /> + {workbookQuestionList?.map((question) => ( + + ))} +
+
+ ); +}; + +export default InterviewSetQuestionList;