Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feat/igw-33/41] - 서류 지원 상태 상세 조회 구현하기 #45

Merged
merged 11 commits into from
Oct 25, 2024

Conversation

naarang
Copy link
Contributor

@naarang naarang commented Oct 25, 2024

Related issue 🛠

Work Description ✏️

  • 서류 지원 상태 상세 조회 구현하기
  • 지원 상태별로 step 컴포넌트들 구현하기
  • 배경 그라데이션 이미지 일괄 적용하기

Uncompleted Tasks 😅

  • Task1

To Reviewers 📢

구현 결과 : step1

image

구현 결과 : step2

2024-10-25.4.32.37.mov

구현 결과 : step3

2024-10-25.4.33.11.mov

구현 결과 : step4

2024-10-25.4.33.32.mov

구현 결과 : step5

2024-10-25.4.33.56.mov

구현 결과 : step6

2024-10-25.4.34.20.mov

구현 결과 : Pending

스크린샷 2024-10-25 오후 4 34 55

구현 결과 : RESUME_REJECTED

스크린샷 2024-10-25 오후 4 34 55

구현 결과 : step7

스크린샷 2024-10-25 오후 4 35 15

@naarang naarang added ✨ Feature New feature or request 🎨 Html&CSS Markup & Styles labels Oct 25, 2024
@naarang naarang self-assigned this Oct 25, 2024
@naarang naarang linked an issue Oct 25, 2024 that may be closed by this pull request
1 task
Copy link
Contributor

@MrMirror21 MrMirror21 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨어요~ 👍
아마 이전 PR중에 제가 패키지를 설치한게 있는데, pull을 안하신 상태에서 따로 패키지 설치하시고 PR을 하신게 아닐까 싶어요. 혹시 main에서 pull뒤에 pnpm install 한 번 더 해보시겠어요?

Comment on lines 23 to 38
<div className="flex gap-[1.125rem]">
<div className="flex flex-col items-center">
{stepIconStyler(1)}
<div
className={`w-[0.125rem] h-[3.5rem] ${step > 1 ? 'bg-[#1E1926]' : 'bg-[#F2F2F2]'}`}
></div>
</div>
<div>
<h5 className={`${step > 1 ? 'head-3' : 'body-1'} text-[#464646]`}>
Resume Verification
</h5>
<p className="caption-2 text-[#656565]">
The employer is currently reviewing your resume.
</p>
</div>
</div>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저도 지금 통합 신청서 작업하면서 하게 된건데, 아래와 같이 겉 UI 부분만 컴포넌트화하면 좋을 것 같아요. 한 3~4개까지는 그래도 복붙으로 할 만한데, 5,6개 넘어가기 시작하니까 주석을 달아도 나중에 해당하는 부분 찾기가 어렵더라구요. inline으로 늘어지는 tailwind라서 그런 점이 더 부각되는 것 같아요. 순간 styled-components가 그리워지는..

// 반복문으로 1 ~ 7까지 stage props로 전달
      <div className="flex gap-[1.125rem]">
        <div className="flex flex-col items-center">
          {stepIconStyler(step)}
          <div
            className={`w-[0.125rem] h-[3.5rem] ${step > stage ? 'bg-[#1E1926]' : 'bg-[#F2F2F2]'}`}
          ></div>
        </div>
        <div>
          <h5 className={`${step > stage ? 'head-3' : 'body-1'} text-[#464646]`}>
            {title}
          </h5>
          {children}
        </div>
      </div>

Comment on lines +51 to +72
const showCurrentStepButton = (step: number) => {
switch (step) {
case 1:
return <ApplicationDetailStep1 />;
case 2:
return <ApplicationDetailStep2 />;
case 3:
return <ApplicationDetailStep3 />;
case 4:
return <ApplicationDetailStep4 />;
case 5:
return <ApplicationDetailStep5 />;
case 6:
return <ApplicationDetailStep6 />;
case 7:
return <ApplicationDetailStep7 result={APPICATION_DETAIL_DATA.step} />;
default:
return (
<ApplicationDetailStepEtc result={APPICATION_DETAIL_DATA.step} />
);
}
};
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

step 장난 아니네요.. 수고하셨습니다!

@naarang naarang merged commit 73baf0a into main Oct 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Feature New feature or request 🎨 Html&CSS Markup & Styles
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

[feature] - 서류 지원 상태 상세 조회 구현하기
2 participants