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] 현황 full 기능 구현 #530

Merged
merged 23 commits into from
Feb 12, 2024
Merged

[Feat] 현황 full 기능 구현 #530

merged 23 commits into from
Feb 12, 2024

Conversation

sumi-0011
Copy link
Member

@sumi-0011 sumi-0011 commented Feb 10, 2024

🤔 해결하려는 문제가 무엇인가요?

closed #529

🎉 변경 사항

🙏 여기는 꼭 봐주세요!

- 현재는 더미 데이터로 구성되어있습니다.

  • MissionCalendar 컴포넌트에서 date를 선택 후 사용하도록 구조를 조금 변경한 Calendar 컴포넌트를 만들었어요.
  • 나중에 MissionCalendar의 확장성을 높여, 같이 사용하면 좋을 것 같습니다.

🌄 스크린샷

image

Copy link

vercel bot commented Feb 10, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
10mm-client-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 12, 2024 0:17am

Copy link
Contributor

function MissionCalendar({ selectDate, setSelectDate }: Props) {
const currentData = dayjs();

const { date, monthCalendarData, onPrevMonth, onNextMonth, isCurrentMonth } = useCalendar({
Copy link
Collaborator

Choose a reason for hiding this comment

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

굿굿

Copy link
Collaborator

@wade3420 wade3420 left a comment

Choose a reason for hiding this comment

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

감사합니다!

});

// TODO: 왜 안되지?
const resultHandlers = [getMissionSummaryList];
Copy link
Collaborator

Choose a reason for hiding this comment

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

handlers/index.ts 에

const handlers = [...missionHandlers, ...recordHandlers, ...memberHandlers, ...followHandlers, ...feedHandlers, ... resultHandlers];

를 추가하셨을까요?

Copy link
Member Author

Choose a reason for hiding this comment

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

안되서 충돌해결하다가 충돌나길래 그냥 없앴습니다.
사소해요. 나중에 보시죠


const RESULT_API = {
getMissionSummaryList: async (date: string): Promise<MissionSummaryListResponse> => {
console.log('date: ', date);
Copy link
Collaborator

Choose a reason for hiding this comment

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

콘솔 삭제 부탁드려용~!


function MissionList(props: Props) {
const { data: selectSummaryListData, isLoading } = useGetMissionSummaryList(props.selectDate);
console.log('selectSummaryListData: ', selectSummaryListData);
Copy link
Collaborator

Choose a reason for hiding this comment

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

콘솔 삭제 부탁드립니도~~

레벨 안내
</Link>
</section>
{tabProps.activeTab === 'overall-status' && <OverallStatus />}
Copy link
Collaborator

Choose a reason for hiding this comment

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

여기 이 탭값들 이넘으로 관리하고싶은 이슈

@@ -38,8 +53,7 @@ const outerContainerCss = css({
padding: '0px !', // NOTE: padding 0 필수,
backgroundOrigin: 'border-box',
backgroundClip: 'content-box, border-box',
backgroundImage:
'linear-gradient(token(colors.bg.surface3), token(colors.bg.surface3)), token(colors.gradients.stroke)',
backgroundImage: 'linear-gradient(#18181D, #18181D), linear-gradient(0deg, #474A5D00 0%, #474A5D 100%)',
Copy link
Collaborator

Choose a reason for hiding this comment

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

👍🏻


const MIN_PERCENT = 3;

export const getPercent = (props: { symbolStack: number; max: number; min: number }): number => {
Copy link
Collaborator

Choose a reason for hiding this comment

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

👍🏻

@@ -17,3 +17,12 @@ export const calcProgress = (symbolStack: number) => {
const currentLevel = getLevel(symbolStack);
return ((symbolStack - currentLevel.min) / (currentLevel.max - currentLevel.min)) * 100;
};

const MIN_PERCENT = 3;
Copy link
Collaborator

Choose a reason for hiding this comment

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

이 친구는 getPercent 함수 안으로 들어가도 될것 같은 이슈인데 의견이 궁금합니도!

@sumi-0011 sumi-0011 changed the title [Feat] 현황 full UI 구현 [Feat] 현황 full 기능 구현 Feb 12, 2024
@sumi-0011 sumi-0011 merged commit 708c486 into develop Feb 12, 2024
3 checks passed
@sumi-0011 sumi-0011 deleted the feat/status-full branch February 12, 2024 12:17
Copy link
Contributor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Task] Result 탭 캘린더 기능 추가
3 participants