Skip to content

My Folder Screen UI based on QA#1101

Merged
yuni-ju merged 4 commits intodevelopfrom
qa/myfolder
Apr 28, 2026
Merged

My Folder Screen UI based on QA#1101
yuni-ju merged 4 commits intodevelopfrom
qa/myfolder

Conversation

@yuni-ju
Copy link
Copy Markdown
Member

@yuni-ju yuni-ju commented Apr 22, 2026

작업 내용

  • 폴더 화면의 옵션 스타일 변경
  • 폴더 화면 이슈 중 이미 지정되어 있는 이슈는 close 처리함
  • 폴더 삭제 시 dialog 스타일 수정

참고

모듈별 변경 사항

1. FolderScreen.kt - FolderDropdownMenu 컴포넌트

기능 영향 및 사용자 대면 변화:

  • 폴더 옵션 드롭다운 메뉴의 시각적 스타일이 변경됨:
    • 드롭다운 메뉴 전체에 16dp 라운드 코너 적용 (RoundedCornerShape)
    • 각 메뉴 아이템에 4dp 수평 패딩 및 12dp 라운드 클립 추가로 개별 아이템의 모서리 처리 개선
  • 메뉴 아이템의 시각적 구분과 터치 영역이 더 명확하게 정의됨

위험 포인트:

  • UI 렌더링 변화만 해당 - 상태 관리, 이벤트 핸들링, 비즈니스 로직에 영향 없음
  • 기존 onClick 핸들러와 expanded 상태 관리는 유지됨
  • 클립 처리로 인한 텍스트/아이콘 잘림 가능성: contentPadding(horizontal: 16dp, vertical: 11.5dp)이 이미 적용되어 있어 content overflow 위험 낮음

2. ConfirmDialog.kt - 대화상자 스타일 개선

기능 영향 및 사용자 대면 변화:

  • 대화상자 크기 제약 추가: 최소 252dp, 최대 320dp 너비로 고정
  • 라운드 코너를 10dp에서 16dp로 확대하여 더 둥근 모서리 제공
  • 제목과 설명 텍스트 사이에 8dp 스페이서 추가로 텍스트 간격 개선
  • Material3 Text 컴포넌트로 마이그레이션 (Material 2에서 업그레이드)

위험 포인트:

  • 레이아웃 안정성: widthIn 제약으로 인해 매우 긴 텍스트는 클리핑될 수 있음 - 리소스 문자열 길이 검증 필요
  • 재사용성: 여러 화면에서 ConfirmDialog를 사용할 경우 새로운 크기 제약이 모든 대화상자에 균일하게 적용됨
  • 상태 관리: onDismissRequest 콜백은 변경 없음 - 기존 취소/확인 로직은 정상 작동

필수 검증 항목

UI/UX 테스트

  1. 폴더 옵션 메뉴: 아이콘과 텍스트가 12dp 라운드 클립 내에서 올바르게 렌더링되는지 확인

    • 메뉴 항목 클릭 반응성 및 피드백 확인
    • 다양한 텍스트 길이(예: 긴 이름)에서 오버플로우 없는지 검증
  2. 폴더 삭제 대화상자:

    • 320dp 최대 너비 제약 내에서 제목과 설명 텍스트 표시 확인 (한국어 포함)
    • 제목/설명 간 8dp 스페이서 시각적 효과 검증
    • 16dp 라운드 코너의 시각적 일관성 확인

호환성 검증

  • Material3 Text 컴포넌트로의 마이그레이션이 다른 Text 사용 부분과 일관성 있는지 확인
  • 다양한 디바이스 화면 크기(휴대폰, 태블릿)에서 widthIn 제약이 적절한지 검증

스크린 시나리오

  • 폴더 목록에서 옵션 메뉴 터치 → 메뉴 열림/닫힘 동작 확인
  • 폴더 삭제 흐름: 옵션 메뉴 → 삭제 선택 → 확인 대화상자 표시 확인

@yuni-ju yuni-ju requested a review from DongJun-H April 22, 2026 12:49
@yuni-ju yuni-ju self-assigned this Apr 22, 2026
@yuni-ju yuni-ju added the QA label Apr 22, 2026
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Apr 22, 2026

Walkthrough

프레젠테이션 레이어의 드롭다운 메뉴와 다이아로그 컴포넌트의 UI 스타일을 개선합니다. 드롭다운 항목에 둥근 모서리와 패딩을 추가하고, 다이아로그의 너비 제약과 모서리 반경을 조정하며, 다이아로그 헤더와 설명 사이 간격을 추가합니다.

Changes

Cohort / File(s) Summary
드롭다운 메뉴 UI 개선
presentation/src/main/java/daily/dayo/presentation/screen/folder/FolderScreen.kt
DropdownMenuRoundedCornerShape(16.dp) 적용, 각 DropdownMenuItem에 수평 패딩(4.dp)과 RoundedCornerShape(12.dp) 클립 추가로 메뉴 모양 개선.
다이아로그 스타일링 개선
presentation/src/main/java/daily/dayo/presentation/view/dialog/ConfirmDialog.kt
다이아로그 너비를 252~320dp로 제약, 모서리 반경을 10dp에서 16dp로 증가, Material3 Text import로 변경, 헤더와 설명 사이 8dp 간격 추가.
🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed PR 제목이 주요 변경사항을 명확하게 설명하고 있습니다. 폴더 화면 UI를 QA 기반으로 업데이트한다는 점이 드러나 있습니다.
Linked Issues check ✅ Passed 코드 변경사항이 #1064 메뉴 스타일 수정(dropdown 모양 및 항목 패딩) 및 #1055 다이얼로그 스타일 수정(모서리 반경, 간격, 너비)과 일치합니다.
Out of Scope Changes check ✅ Passed 모든 변경사항이 연결된 이슈의 범위 내에 있으며, FolderScreen과 ConfirmDialog UI 스타일 개선만 포함되어 있습니다.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch qa/myfolder

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

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

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
presentation/src/main/java/daily/dayo/presentation/view/dialog/ConfirmDialog.kt (1)

81-100: ⚠️ Potential issue | 🟡 Minor

헤더-설명 간격이 의도보다 커질 수 있음 (spacedBy + Spacer 중복).

Column에 이미 verticalArrangement = Arrangement.spacedBy(4.dp)가 걸려 있어서, 자식 사이에는 항상 4.dp가 추가됩니다. 여기에 Spacer(8.dp)를 더 넣으면 title과 description 사이 실제 간격은 12.dp가 됩니다. 디자인 스펙이 8.dp라면 spacedBy를 제거하거나 Spacer 대신 spacedBy 값을 조정하는 편이 깔끔합니다.

♻️ 제안 (디자인이 8.dp인 경우)
     Column(
         modifier = Modifier
             .fillMaxWidth()
             .padding(top = 28.dp, bottom = 24.dp),
         horizontalAlignment = Alignment.CenterHorizontally,
-        verticalArrangement = Arrangement.spacedBy(4.dp)
     ) {
         if (title.isNotBlank()) {
             Text(...)
         }

         if (description.isNotBlank()) {
             Spacer(Modifier.height(8.dp))
             Text(...)
         }
     }
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In
`@presentation/src/main/java/daily/dayo/presentation/view/dialog/ConfirmDialog.kt`
around lines 81 - 100, The Column in ConfirmDialog (verticalArrangement =
Arrangement.spacedBy(4.dp)) plus the explicit Spacer(Modifier.height(8.dp))
between title and description creates a 12.dp gap; to match an 8.dp design,
remove the explicit Spacer and rely on spacedBy(8.dp) or set spacedBy(4.dp) and
remove Spacer — update the Column's verticalArrangement value and/or delete the
Spacer in ConfirmDialog.kt so title and description spacing equals the intended
8.dp (refer to the Column declaration, verticalArrangement, and the Spacer
between title and description).
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Outside diff comments:
In
`@presentation/src/main/java/daily/dayo/presentation/view/dialog/ConfirmDialog.kt`:
- Around line 81-100: The Column in ConfirmDialog (verticalArrangement =
Arrangement.spacedBy(4.dp)) plus the explicit Spacer(Modifier.height(8.dp))
between title and description creates a 12.dp gap; to match an 8.dp design,
remove the explicit Spacer and rely on spacedBy(8.dp) or set spacedBy(4.dp) and
remove Spacer — update the Column's verticalArrangement value and/or delete the
Spacer in ConfirmDialog.kt so title and description spacing equals the intended
8.dp (refer to the Column declaration, verticalArrangement, and the Spacer
between title and description).

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 3654fb1d-db54-4c2d-bd9d-855a852b8caa

📥 Commits

Reviewing files that changed from the base of the PR and between 636069d and 163d9e0.

📒 Files selected for processing (2)
  • presentation/src/main/java/daily/dayo/presentation/screen/folder/FolderScreen.kt
  • presentation/src/main/java/daily/dayo/presentation/view/dialog/ConfirmDialog.kt

@DongJun-H
Copy link
Copy Markdown
Member

@codex review

@chatgpt-codex-connector
Copy link
Copy Markdown

Codex Review: Didn't find any major issues. 👍

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@github-project-automation github-project-automation Bot moved this from Todo to In Progress in DAYO 2.0 Apr 28, 2026
@yuni-ju yuni-ju merged commit db61046 into develop Apr 28, 2026
2 checks passed
@yuni-ju yuni-ju deleted the qa/myfolder branch April 28, 2026 12:27
@github-project-automation github-project-automation Bot moved this from In Progress to Done in DAYO 2.0 Apr 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

[QA] Fix Menu in MY_folder_menu_02 [QA] Fix dialog in MY_folder_delete

2 participants