[Fix] Validation of study review form

src/components/introduce/StudyReviewForm.jsx

@@ -41,11 +41,12 @@ const StudyReviewFormButton = styled(Button)`
   margin: 1px 0 0.8rem 0.5rem;
 `;
 
-const isValidateUserInfo = (user) => (moderator) => !user || (moderator === user);
+const isValidateUserInfo = (user) => (participants) => !!participants
+  .find(({ id, confirm }) => id === user && confirm && confirm === true);
 
 const StudyReviewForm = ({ group, user, time }) => {
   const {
-    participants, personnel, applyEndDate, moderatorId,
+    participants, personnel, applyEndDate,
   } = group;
 
   const applyEndTime = changeDateToTime(applyEndDate);
@@ -54,8 +55,7 @@ const StudyReviewForm = ({ group, user, time }) => {
     time, applyEndTime, participants, personnel,
   };
 
-  // TODO: 수정하자.
-  if (isValidateUserInfo(user)(moderatorId) || !isCheckedTimeStatus(valid)) {
+  if (!isValidateUserInfo(user)(participants) || !isCheckedTimeStatus(valid)) {
     return null;
   }
 

src/components/introduce/StudyReviewForm.test.jsx

@@ -16,54 +16,46 @@ describe('StudyReviewForm', () => {
     />
   ));
 
-  context('with user', () => {
-    describe('User is not moderator and applyEndDate is Deadline', () => {
-      const info = {
-        group: {
-          ...STUDY_GROUP,
-          applyEndDate: yesterday,
-        },
-        time: Date.now(),
-        user: 'user1',
-      };
+  const userStatusSetting = ({ user, participants }) => ({
+    group: {
+      ...STUDY_GROUP,
+      participants,
+      applyEndDate: yesterday,
+    },
+    time: Date.now(),
+    user,
+  });
 
+  context('with user', () => {
+    describe('When the user is approved applicant and applyEndDate is Deadline', () => {
       it('renders study review form', () => {
-        const { container } = renderStudyReviewForm(info);
+        const { container } = renderStudyReviewForm(userStatusSetting({
+          participants: [{ id: 'user1', confirm: true }],
+          user: 'user1',
+        }));
 
         expect(container).toHaveTextContent('스터디 후기를 작성해주세요!');
       });
     });
 
-    describe('User is moderator', () => {
-      const info = {
-        group: {
-          ...STUDY_GROUP,
-          applyEndDate: yesterday,
-        },
-        time: Date.now(),
-        user: 'user2',
-      };
-
+    describe('When the user is not approved applicant', () => {
       it('nothing renders study review form', () => {
-        const { container } = renderStudyReviewForm(info);
+        const { container } = renderStudyReviewForm(userStatusSetting({
+          participants: [],
+          user: 'user2',
+        }));
 
         expect(container).toBeEmptyDOMElement();
       });
     });
   });
 
   context('without user', () => {
-    const info = {
-      group: {
-        ...STUDY_GROUP,
-        applyEndDate: yesterday,
-      },
-      time: Date.now(),
-      user: null,
-    };
-
     it('nothing renders study review form', () => {
-      const { container } = renderStudyReviewForm(info);
+      const { container } = renderStudyReviewForm(userStatusSetting({
+        participants: [],
+        user: null,
+      }));
 
       expect(container).toBeEmptyDOMElement();
     });

src/containers/introduce/StudyReviewContainer.test.jsx

@@ -28,14 +28,20 @@ describe('StudyReviewContainer', () => {
   context('with login and group', () => {
     given('group', () => ({
       ...STUDY_GROUP,
+      participants: [{
+        id: 'user1',
+        confirm: true,
+      }],
       applyEndDate: yesterday,
     }));
     given('user', () => ('user1'));
 
-    it('renders study review form', () => {
-      const { container } = renderStudyReviewContainer();
+    describe('When you are an approved applicant', () => {
+      it('renders study review form', () => {
+        const { container } = renderStudyReviewContainer();
 
-      expect(container).toHaveTextContent('스터디 후기를 작성해주세요!');
+        expect(container).toHaveTextContent('스터디 후기를 작성해주세요!');
+      });
     });
   });