내 지원 현황 페이지의 컴포넌트 디자인을 정리하고 변경된 스타일을 적용한다.

[woowahan-pjs]

• 내 지원 현황 페이지의 컴포넌트 스타일을 와이어프레임과 같은 스타일로 수정한다.
• 과제 보기 버튼은 고려하지 않고 기존 페이지에서 다양한 상태에 따라 어떤 컴포넌트를 렌더링하고 스타일을 지정해야 하는지 리팩터링한다.
  • 모집: 기간, 모집 여부, 공개 여부 등
  • 과제: 기간, 제출 여부, 공개 여부, 자동 채점 유무 등
  • 과제 제출물: 제출 여부
• 와이어프레임

관련 이슈: #641 #676

[woowahan-pjs]

AS-IS

• /api/recruitments/{recruitmentId}/missions/me
• 내 과제 조회 시 비공개 과제를 제외한 모든 과제를 반환한다.
• 과제 제출물을 제출하였다면 submitted는 true이다.
• 과제 제출물과 자동 채점 항목이 모두 있는 경우 runnable 또는 testable은 true이다.
• 과제는 공개 상태여야 하며 상태가 SUBMITTING인 경우 submitted에 따라 제출 또는 수정 버튼이 활성화된다.

과제 상태

• SUBMITTABLE: 제출 기간 전인 경우
• SUBMITTING: 제출 기간 사이에 제출이 가능한 경우
• UNSUBMITTABLE: 제출 기간 사이에 제출이 불가능한 경우
• ENDED: 제출 기간 후인 경우