[Fix] review v2 UI 수정사항 반영 #430
Conversation
…w-v2-ui # Conflicts: # app/src/main/java/com/eatssu/android/presentation/cafeteria/review/list/component/ReviewItem.kt
Summary of ChangesHello @HI-JIN2, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed! 이 PR은 리뷰 v2 UI에 대한 피드백을 반영하여 사용자 인터페이스를 개선하는 데 중점을 둡니다. 주요 변경 사항은 아이콘 크기 조정, 터치 영역 확장, 그리고 전반적인 UI 정렬 수정으로, 더 깔끔하고 사용하기 쉬운 화면을 제공합니다. Highlights
🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console. Using Gemini Code AssistThe full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips. Invoking Gemini You can request assistance from Gemini at any point by creating a comment using either
Customization To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a Limitations & Feedback Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here. You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension. Footnotes
|
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
이 PR은 리뷰 V2 UI의 여러 수정 사항을 반영하고 있습니다. '오늘의 메뉴' 옆 아이콘과 메뉴 칩의 좋아요 아이콘 크기를 조절하여 일관성을 높였고, '더보기' 버튼의 터치 영역을 확장하는 로직을 개선했습니다. 전반적으로 UI 개선 목표에 부합하는 변경 사항들입니다. 다만, ReviewItem 컴포넌트에서 '더보기' 버튼의 터치 영역을 확장하는 구현이 다소 복잡하고 이해하기 어려워, 가독성과 유지보수성을 높일 수 있는 더 명확한 방식으로 개선하는 것을 제안합니다.
| Box( | ||
| modifier = Modifier | ||
| .padding(18.dp) // 터치 영역 확장 ( (48 - 12) / 2 ) | ||
| .offset(x = 18.dp, y = 18.dp) // 시각 위치 되돌리기 | ||
| .clickable( | ||
| onClick = onMoreClick, | ||
| indication = null, | ||
| interactionSource = remember { MutableInteractionSource() } | ||
| ) | ||
| ) { |
There was a problem hiding this comment.
터치 영역을 확장하기 위해 padding과 offset을 조합하여 사용하는 방식은 코드를 이해하기 어렵게 만들고, 의도치 않은 레이아웃 문제를 발생시킬 수 있습니다. 특히 offset(x = 18.dp, y = 18.dp)는 아이콘을 오른쪽 아래로 이동시켜, 주석 // 시각 위치 되돌리기의 의도와 다르게 동작할 가능성이 높습니다.
더 명확하고 관용적인 방법은 Box에 size를 직접 지정하여 터치 영역을 설정하고, contentAlignment를 사용하여 아이콘을 중앙에 배치하는 것입니다. 이 방법은 가독성이 좋고 코드를 유지보수하기 쉽습니다.
| Box( | |
| modifier = Modifier | |
| .padding(18.dp) // 터치 영역 확장 ( (48 - 12) / 2 ) | |
| .offset(x = 18.dp, y = 18.dp) // 시각 위치 되돌리기 | |
| .clickable( | |
| onClick = onMoreClick, | |
| indication = null, | |
| interactionSource = remember { MutableInteractionSource() } | |
| ) | |
| ) { | |
| Box( | |
| contentAlignment = Alignment.Center, | |
| modifier = Modifier | |
| .size(48.dp) // Material Design 최소 터치 영역 | |
| .clickable( | |
| onClick = onMoreClick, | |
| indication = null, | |
| interactionSource = remember { MutableInteractionSource() } | |
| ) | |
| ) { |
Summary
리뷰 v2 ui 수정사항을 적용합니다
https://eat-ssu.slack.com/archives/C0517NBULDR/p1764935384836719
Describe your changes