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

[Feature/#115] news news UI + api연결(페이징) #118

Merged
merged 25 commits into from
Nov 25, 2024

Conversation

chanubc
Copy link
Collaborator

@chanubc chanubc commented Nov 24, 2024

✅ 𝗖𝗵𝗲𝗰𝗸-𝗟𝗶𝘀𝘁

  • merge할 브랜치의 위치를 확인해 주세요(main❌/develop⭕)
  • 리뷰가 필요한 경우 리뷰어를 지정해 주세요
  • P1 단계의 리뷰는 필수로 반영합니다.
  • Approve된 PR은 assigner가 머지하고, 수정 요청이 온 경우 수정 후 다시 push를 합니다.

📌 𝗜𝘀𝘀𝘂𝗲𝘀

📎𝗪𝗼𝗿𝗸 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻

  • news news ui 작성
  • 컴포즈 페이징3 구현
  • 페이징 footer 및 애니메이션 구현 (WablePagingSpinner)
  • 페이징에 따른 상태관리

📷 𝗦𝗰𝗿𝗲𝗲𝗻𝘀𝗵𝗼𝘁

KakaoTalk_20241125_025513065.mp4

💬 𝗧𝗼 𝗥𝗲𝘃𝗶𝗲𝘄𝗲𝗿𝘀

우선 공통적으로 쓰이는
우선 공통으로 쓰이는 data model에서 newsId를 Long타입으로 변경하였습니다! genercSource가 Long을 받도록 설정되어잇어서요

로딩스크린, 엠티뷰스크린은 designsystem-screen 으로 옮겨 놓았습니다!
그리고 언지님이 기존에 만든 엠티뷰 스크린에서 modifer에 aspectRatio(1f) 추가 했는데 ui 깨지거나 하면 말씀해주세요!

상태관리에 고민이 좀 많았는데 일단 header달린 멀티뷰 타입이라 lazyColumn내부에 넣었습니다.
공지사항 화면 같은경우는 로딩이나 엠티의 경우 상위 컴포저블에서 조금 더 깔끔하게 상태 처리 할 수 있을것 같아요!

추가로 5분전 -> 이거는
image
이런식으로 만들었는데 이전 버전에서 안돌아가긴 할거에요ㅠ

그리고 로드가 너무 빨리되서 delay 2초 정도 걸고 테스트 했습니다.

@chanubc chanubc requested review from a team, Eonji-sw and sohyun127 and removed request for a team November 24, 2024 22:10
@chanubc chanubc added ⭐ [FEAT] 새로운 기능 구현 🐻 찬우 차은우 labels Nov 24, 2024
@chanubc chanubc added the ☕ [COMPOSE] 컴포즈 ui label Nov 24, 2024
Copy link
Member

@Eonji-sw Eonji-sw left a comment

Choose a reason for hiding this comment

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

굿~ 아직 새로고침은 안넣은건가요?

contentAlignment = Alignment.Center,
) {
Image(
imageVector = toImageVector(com.teamwable.common.R.drawable.iv_share_loading_spinner),
Copy link
Member

Choose a reason for hiding this comment

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

P3 : 신기하고 이쁘다...

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

홈 화면에 있던거 가져와보았어요

@@ -88,3 +89,6 @@ fun Modifier.dropShadow(
canvas.restore()
}
}

fun Modifier.showIf(condition: Boolean): Modifier =
Copy link
Member

Choose a reason for hiding this comment

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

P3 : 오.. 의진오빠가 보냈던거 ㅋㅋㅋㅋ

@SerialName("newsText")
val newsText: String,
@SerialName("newsImage")
val newsImage: String,
Copy link
Member

Choose a reason for hiding this comment

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

P2 : img nullable하지 않나용?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

헉 이미지 없는경우는 고려를 못했네요 으아아아아아 ui도다시짜야 되네 감사래요

Comment on lines +102 to +103
isLoading -> item { LoadingScreen() }
isEmpty -> item { NewsNoticeEmptyScreen(emptyTxt = R.string.tv_news_info_empty) }
Copy link
Member

Choose a reason for hiding this comment

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

P3 : 좋넫요

WablePagingSpinner(
modifier = Modifier
.fillMaxWidth()
.padding(vertical = 16.dp),
Copy link
Member

Choose a reason for hiding this comment

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

P3 : compose는 dimen에 있는 값 사용 못하나요?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

가능해요! 빼놓을께요!

@chanubc
Copy link
Collaborator Author

chanubc commented Nov 25, 2024

나머지는 다음 pr에서 반영할께요!

@chanubc chanubc merged commit 34382ed into develop Nov 25, 2024
1 check passed
@chanubc chanubc deleted the feature/#115-news-news-ui branch November 25, 2024 07:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
☕ [COMPOSE] 컴포즈 ui ⭐ [FEAT] 새로운 기능 구현 🐻 찬우 차은우
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[FEAT] : 뉴스 뉴스 화면 ui
2 participants