홈화면 준비 시간 계산 컴포넌트 구현 - Githubissues

depromeet / imgoing-frontend

암고잉 | 나만의 약속 준비 루틴 관리 서비스

5 stars 0 forks source link

홈화면 준비 시간 계산 컴포넌트 구현 #213

Closed eun-seong closed 2 years ago

eun-seong commented 2 years ago

이슈 설명

홈 화면의 상단에 있는 남은 시간 컴포넌트입니다.

상태	설명	format	condition
`oncoming`	현재 ~ 준비 시간 시작	`nn시간 nn분`	`remainingTime < 24h` or `diff >= 2` => `n일`
`process`	준비 시작 시각 ~ 출발 시각(준비 끝)	`nn분 nn초`	`startAt < cur < departureTime`
`toArrival`	출발 시각(준비 끝) ~ 도착 시각	`nn시간 nn분`	`departureTime < cur < arrivalAt`

세부 리스트

`oncoming`

2일 이상일 경우 n일
2일 => 이틀
날짜상 2일 이하 => nn시간 nn분
process
준비 시간마다 계산하기 위해 Task에 startTime` 추가
준비 항목이 하나씩 지나갈 때마다 앞에 있는 task 삭제
1초마다 업데이트하기 때문에 리렌더링 신경쓸 것
toArrival
준비 시간이 다 끝난 후 도착지 전까지
도착 시간이 지나면 다음 약속 일정 시간(oncoming)으로 변경

고민해볼 사항

ㅠㅠ 시간 계산 너무 어려워요

eun-seong commented 2 years ago

startTime과 endTime만 받아 업데이트 시간간격에 맞춰 callback을 호출하는 함수 생성

남은 작업

리렌더링 불필요한 부분 purpose 변경될 때만 렌더링하게 수정
TopContents에서 startTime, endTime, purpose를 각 때에 맞게 업데이트하는 로직 추가
getRemainingTimeText 훅으로 뺄까?