klaus/sodalive-ios
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(fantalk): 신고 문구와 빈 상태 표시를 수정한다

Browse Source
This commit is contained in:
Yu Sung
2026-08-26 15:11:55 +09:00
parent 32ca4e121a
commit 05b86bf314
5 changed files with 131 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
SodaLive/Sources/V2/CreatorChannel/FanTalk/Components/CreatorChannelFanTalkListItem.swift
View File

@@ -84,7 +84,7 @@ struct CreatorChannelFanTalkListItem: View {
.buttonStyle(.plain)
} else {
Button(action: onTapReport) {
Text("신고")
Text(I18n.Explorer.report)
.appFont(size: 13, weight: .medium)
.foregroundColor(Color.gray500)
}

4
SodaLive/Sources/V2/CreatorChannel/FanTalk/CreatorChannelFanTalkTabView.swift
View File

@@ -34,7 +34,9 @@ struct CreatorChannelFanTalkTabView: View {
private var content: some View {
VStack(spacing: 0) {
CreatorChannelFanTalkCountBar(fanTalkCount: viewModel.fanTalkCount)
if viewModel.fanTalkCount > 0 {
CreatorChannelFanTalkCountBar(fanTalkCount: viewModel.fanTalkCount)
}
if isEmptyState {
CreatorChannelFanTalkEmptyView(

55
docs/20260704_크리에이터_채널_팬Talk_탭/plan-task.md
View File

@@ -25,8 +25,9 @@
- 기존 `CreatorChannelView`의 공통 shell, header, sticky tab-bar, title bar 동작은 유지한다.
- `CreatorChannelTab.fanTalk` 콘텐츠만 신규 `CreatorChannelFanTalkTabView`로 교체한다.
- 팬Talk API 모델은 홈 탭 모델과 타입명 충돌이 나지 않도록 분리한다.
- sort-bar는 정렬 없이 `전체 {fanTalkCount}`만 표시한다.
- `fanTalkCount > 0`일 때만 sort-bar에 정렬 없이 `전체 {fanTalkCount}`를 표시하고 empty 상태에서는 count bar를 숨긴다.
- 신고는 기존 `CheersReportDialogView`와 `ReportRepository.report`의 `ReportType.CHEERS` 흐름을 재사용한다.
- item의 `신고` 문구는 신규 I18n을 만들지 않고 기존 `I18n.Explorer.report`를 재사용한다.
- 삭제는 기존 `ExplorerRepository.modifyCheers(cheersId:content:isActive:)`에 `isActive=false`를 전달하는 흐름을 재사용한다.
- 더보기 버튼은 `ic_new_more`를 사용한다.
- 내가 쓴 글이면 `수정하기`, `삭제하기`를 표시하고, 내가 쓴 글이 아니지만 내 채널이면 `삭제하기`만 표시한다.
@@ -585,3 +586,55 @@ xcodebuild -workspace "SodaLive.xcworkspace" -scheme "SodaLive-dev" -configurati
- 2026-08-25: Phase 12 구현을 완료했다. `writePlaceholder`, 500자 제한 binding, 500자 초과 상태와 전송 비활성화, 취소 문구의 고정 frame 제거를 적용했으며 기존 내비게이션·보내기 높이와 작성·수정 흐름은 유지했다.
- 2026-08-25: Phase 12의 두 `rg` 정적 계약 검사, Swift `String.count`/`prefix(_:)` 499·500·501자 경계 검사, `git diff --check`, `xcodebuild -workspace "SodaLive.xcworkspace" -scheme "SodaLive-dev" -configuration Debug build`를 실행했고 `** BUILD SUCCEEDED **`를 확인했다.
- 2026-08-25: 사용자 요청에 따라 visual QA와 시뮬레이터 수동 검증은 수행하지 않았다. ko/en/ja 표시와 실제 입력 동작에 관한 수동 검증 체크박스 5개는 사용자 확인 전까지 미완료로 유지한다.
### Phase 13: 팬레터 item·empty 표시 회귀 수정
**Phase 결과:** 팬레터 item의 신고 문구가 앱 언어를 따르고, empty 상태에서는 `전체 0` count bar가 표시되지 않는다.
**선행조건:** PRD `DEC-FANTALK-BUG-001`, `DEC-FANTALK-BUG-002` 확정.
**Phase 완료 조건:** `P13-T1`, `P13-GATE` 완료와 검증 기록 누적.
#### Task 13.1 신고 다국어와 empty count bar 수정
**Goal 실행 `P13-T1`:** 기존 View 두 곳에서 신고 문구와 count bar 표시 조건만 최소 수정한다.
- **시작 조건:** Phase 13 선행조건 충족.
- **완료 증거:** 정적 계약 검사, ko/en/ja 및 empty/non-empty 수동 확인, Debug 빌드 결과가 기록된다.
- **범위 밖:** 신규 I18n 키, 신고 API·dialog 변경, count bar 디자인 변경, 관련 없는 리팩터링.
- **TDD 예외 사유:** 현재 프로젝트에 test bundle target이 없고 변경 대상은 기존 I18n 참조와 단순 표시 조건이다.
- **대체 검증 방법:** `rg` 정적 계약 검사, Debug 빌드와 Simulator 수동 확인을 사용한다.
**Files:**
- Modify: `SodaLive/Sources/V2/CreatorChannel/FanTalk/Components/CreatorChannelFanTalkListItem.swift`
- Modify: `SodaLive/Sources/V2/CreatorChannel/FanTalk/CreatorChannelFanTalkTabView.swift`
- Verify: `SodaLive/Sources/I18n/I18n.swift`
- [x] 타인 item의 하드코딩 `Text("신고")`를 `Text(I18n.Explorer.report)`로 교체한다.
- [x] `fanTalkCount > 0`일 때만 `CreatorChannelFanTalkCountBar`를 표시한다.
- [x] `fanTalkCount == 0`인 기존 empty view와 작성 버튼 표시 규칙은 유지한다.
- [x] 신고 API·dialog와 item action 조건은 변경하지 않는다.
- [x] 아래 Gate 결과를 검증 기록에 누적한다.
#### Phase 13 Gate
```bash
rg -n 'I18n\.Explorer\.report|Text\("신고"\)' SodaLive/Sources/V2/CreatorChannel/FanTalk/Components/CreatorChannelFanTalkListItem.swift
rg -n 'fanTalkCount > 0|CreatorChannelFanTalkCountBar|isEmptyState' SodaLive/Sources/V2/CreatorChannel/FanTalk/CreatorChannelFanTalkTabView.swift
git diff --check -- SodaLive/Sources/V2/CreatorChannel/FanTalk/Components/CreatorChannelFanTalkListItem.swift SodaLive/Sources/V2/CreatorChannel/FanTalk/CreatorChannelFanTalkTabView.swift docs/20260704_크리에이터_채널_팬Talk_탭/prd.md docs/20260704_크리에이터_채널_팬Talk_탭/plan-task.md
xcodebuild -workspace "SodaLive.xcworkspace" -scheme "SodaLive-dev" -configuration Debug build
```
**Expected:** item은 기존 `I18n.Explorer.report`를 사용하고 한국어 literal이 없으며, count bar는 양수 count에서만 표시되고 Debug 빌드가 성공한다.
수동 검증:
- [ ] ko/en/ja에서 타인 item의 신고 문구가 각각 `신고`, `Report`, `通報`로 표시된다.
- [ ] empty 상태에서 팬레터 empty view만 표시되고 `전체 0`은 표시되지 않는다.
- [ ] non-empty 상태에서 `전체 {fanTalkCount}`와 기존 item action이 표시된다.
- 2026-08-26: 사용자 요청과 PRD `DEC-FANTALK-BUG-001~002`를 기준으로 Phase 13을 추가했다. 이번 작업은 문서만 작성했으며 Swift 구현과 Gate 실행은 수행하지 않았다.
- 2026-08-26: Phase 13을 구현해 타인 item의 신고 문구를 기존 `I18n.Explorer.report`로 교체하고 `fanTalkCount > 0`일 때만 count bar를 표시하도록 수정했다. 기존 empty view·작성 버튼·신고 action/dialog/API 조건은 유지했다.
- 2026-08-26: Phase 13의 `rg` 정적 계약, `git diff --check`, `xcodebuild -workspace "SodaLive.xcworkspace" -scheme "SodaLive-dev" -configuration Debug build`를 실행했고 `** BUILD SUCCEEDED **`를 확인했다. 사양·코드 품질 리뷰는 모두 승인됐으며 `reviews/phase13-fan-talk-item-empty-regression.md`에 기록했다.
- 2026-08-26: 사용자 요청에 따라 visual QA와 Simulator 수동 검증은 수행하지 않았다. ko/en/ja 신고 문구와 empty/non-empty 실제 화면 체크박스 3개는 사용자 확인 전까지 미완료로 유지한다.

22
docs/20260704_크리에이터_채널_팬Talk_탭/prd.md
View File

@@ -30,14 +30,16 @@ Figma 참조:
- 팬Talk 쓰기 화면의 취소 문구가 고정된 가로·세로 크기에 배치되어 언어에 따라 글자가 잘릴 수 있다.
- 팬Talk 쓰기 입력 영역에 placeholder가 없어 사용자가 입력 목적을 바로 알기 어렵다.
- 화면에 최대 글자 수 `500`이 표시되지만 실제 입력과 전송 가능 상태에는 상한이 적용되지 않는다.
- 팬Talk item의 `신고` 버튼이 한국어 문자열로 고정되어 영어·일본어 앱 설정을 따르지 않는다.
- `fanTalkCount == 0`인 empty 상태에서도 count bar가 `전체 0`으로 표시된다.
## 3. Goals
- `CreatorChannelTab.fanTalk` 선택 시 팬Talk 탭 API를 호출하고 응답 데이터로 화면을 구성한다.
- 기본 query는 `page=0`, `size=20`이다.
- sort-bar에는 정렬 UI 없이 `전체 {fanTalkCount}`만 표시한다.
- `fanTalkCount > 0`일 때만 sort-bar에 정렬 UI 없이 `전체 {fanTalkCount}`를 표시하고, empty 상태에서는 count bar 전체를 숨긴다.
- 팬Talk item은 Figma `290:9145`, `290:9147` 기준으로 작성자 프로필, 닉네임, 상대 시간, 본문, 답글 목록을 표시한다.
- 답글이 있으면 Figma처럼 좌측 라인과 답글 카드 영역을 표시한다.
- 다른 유저의 글에는 `신고` 버튼만 표시하고, 기존 `UserProfileView`의 응원글 신고 기능과 동일하게 `CheersReportDialogView` 및 `ReportType.CHEERS` 흐름을 사용한다.
- 다른 유저의 글에는 기존 `I18n.Explorer.report`를 사용하는 다국어 `신고` 버튼만 표시하고, 기존 `UserProfileView`의 응원글 신고 기능과 동일하게 `CheersReportDialogView` 및 `ReportType.CHEERS` 흐름을 사용한다.
- 내가 쓴 글 또는 내 채널의 타인 글에는 우측 액션으로 `ic_new_more` 더보기 버튼을 표시한다.
- 내가 쓴 글의 더보기 메뉴에는 공용 `I18n` 문구 기준의 `수정`, `삭제` 액션을 표시한다.
- 내가 쓴 글이 아니지만 내 채널인 경우 더보기 메뉴에는 공용 `I18n` 문구 기준의 `삭제` 액션만 표시한다.
@@ -113,7 +115,8 @@ data class CreatorChannelFanTalkReplyResponse(
### 5.2 Count bar
- 팬Talk 탭 sort-bar는 정렬이 없고 전체 개수만 포함한다.
- 좌측에 `전체`과 `fanTalkCount`를 표시한다.
- `fanTalkCount > 0`일 때만 좌측에 `전체`와 `fanTalkCount`를 표시한다.
- `fanTalkCount == 0`인 empty 상태에서는 `CreatorChannelFanTalkCountBar` 전체를 표시하지 않는다.
- 우측 정렬 버튼, 정렬 아이콘, 정렬 context popup, BottomSheet는 표시하지 않는다.
- 후원 탭의 `CreatorChannelDonationCountBar`와 같은 시각 규칙을 사용하되 FanTalk 전용 이름으로 분리하거나 공용화한다.
@@ -140,7 +143,7 @@ data class CreatorChannelFanTalkReplyResponse(
- `isMine = fanTalk.writerId == currentUserId`.
- `isOwnCreatorChannel`은 `CreatorChannelView`에서 계산한 값을 주입한다.
- `isMine || isOwnCreatorChannel`이면 우측에 `ic_new_more` 더보기 버튼을 표시한다.
- `!isMine && !isOwnCreatorChannel`이면 우측에 `신고` 버튼만 표시한다.
- `!isMine && !isOwnCreatorChannel`이면 우측에 `I18n.Explorer.report`를 사용하는 `신고` 버튼만 표시한다.
- 더보기 버튼을 터치하면 Figma `666:36114` 기준 anchored context popup을 표시한다.
- 팬Talk 목록과 답글 상세의 anchored context popup은 동일한 공용 popup 컴포넌트를 사용한다.
- 팬Talk 목록 row의 anchored context popup은 `수정하기`, `삭제하기` 문구를 표시한다.
@@ -241,17 +244,17 @@ data class CreatorChannelFanTalkReplyResponse(
## 6. Success Criteria
- 팬Talk 탭 진입 시 `GET /api/v2/creator-channels/{creatorId}/fan-talks?page=0&size=20`가 호출된다.
- count bar에는 `전체 {fanTalkCount}`만 표시되고 정렬 버튼/아이콘/popup은 표시되지 않는다.
- `fanTalkCount > 0`이면 count bar에 `전체 {fanTalkCount}`만 표시되고 정렬 버튼/아이콘/popup은 표시되지 않는다.
- 답글이 없는 item은 Figma `290:9145`와 같은 정보 구조로 표시된다.
- 답글이 있는 item은 Figma `290:9147`처럼 좌측 라인과 답글 카드가 표시된다.
- 타인의 글이면서 내 채널이 아니면 `신고` 버튼만 표시되고 신고 confirm 시 기존 응원글 신고 API가 호출된다.
- 타인의 글이면서 내 채널이 아니면 앱 언어에 맞는 `I18n.Explorer.report` 버튼만 표시되고 신고 confirm 시 기존 응원글 신고 API가 호출된다.
- 내가 쓴 글은 `ic_new_more` 버튼과 `수정하기`, `삭제하기` 메뉴를 표시한다.
- 내가 쓴 글이 아니지만 내 채널이면 `ic_new_more` 버튼과 `삭제하기` 메뉴만 표시한다.
- 팬Talk 목록과 답글 상세의 anchored context popup은 동일한 공용 popup 컴포넌트를 사용한다.
- 삭제 confirm dialog는 `SodaV2ActionModal`로 표시된다.
- 팬Talk 탭 목록의 삭제 confirm dialog는 `CreatorChannelView` 상위 wrapping `ZStack`에서 표시되어 긴 목록 스크롤 위치와 무관하게 화면 기준으로 중앙 표시된다.
- 삭제 confirm 시 기존 FanTalk 삭제 API가 호출되고 성공 후 첫 페이지가 갱신된다.
- `fanTalkCount == 0`이면 Figma `290:9001` empty view가 표시된다.
- `fanTalkCount == 0`이면 count bar 없이 Figma `290:9001` empty view가 표시된다.
- Empty 문구와 작성 버튼이 지정된 ko/en/ja 값 및 줄바꿈으로 표시된다.
- 내 채널인 경우 empty view 내부 `응원남기기` 버튼과 우측하단 글쓰기 floating button이 모두 표시되지 않는다.
- `fanTalkCount > 0`이고 내 채널이 아니면 우측하단 글쓰기 floating button이 표시된다.
@@ -282,6 +285,7 @@ data class CreatorChannelFanTalkReplyResponse(
- 작성 API 재사용을 위해 기존 `ExplorerRepository.writeCheers`를 호출한다.
- 수정 API 재사용을 위해 기존 `ExplorerRepository.modifyCheers`를 호출한다.
- 신고 기능 재사용을 위해 기존 `ReportRepository`, `ReportRequest`, `CheersReportDialogView`를 사용한다.
- item의 `신고` 버튼 문구는 신규 키를 만들지 않고 기존 `I18n.Explorer.report`를 재사용한다.
- `CheersReportDialogView`는 신고 사유 선택 전용 UI이므로 이번 확인형 V2 popup dialog 전환 범위에서 제외한다.
- 신규 문구가 필요하면 `SodaLive/Sources/I18n/I18n.swift`에 ko/en/ja를 추가한다.
- Empty 문구와 `응원남기기` 버튼은 View에 직접 작성하지 않고 기존 크리에이터 채널 I18n 구조의 `pick(ko:en:ja:)` 값으로 관리한다.
@@ -317,6 +321,8 @@ data class CreatorChannelFanTalkReplyResponse(
- 2026-08-25: 기존 `CreatorChannelFanTalkWriteView`, `CreatorChannelFanTalkWriteViewModel`, `I18n.CreatorChannelFanTalk`을 확인했으며, 이번 작업에서는 요구사항 문서만 갱신하고 Swift 구현은 수행하지 않았다.
- 2026-08-25: Phase 12를 구현해 ko/en/ja placeholder, 500자 입력 제한, 500자 초과 예외 표시·전송 비활성화, 취소 문구의 고정 frame 제거를 적용했다. `§5.10`과 성공 기준의 관련 항목을 코드 및 정적 계약과 대조해 누락이 없음을 확인했다.
- 2026-08-25: Swift 499·500·501자 경계 검사, `git diff --check`, `xcodebuild -workspace "SodaLive.xcworkspace" -scheme "SodaLive-dev" -configuration Debug build`를 실행했고 `** BUILD SUCCEEDED **`를 확인했다. 사용자 요청에 따라 visual QA와 시뮬레이터 수동 검증은 수행하지 않았다.
- 2026-08-26: `CreatorChannelFanTalkTabView`, `CreatorChannelFanTalkCountBar`, `CreatorChannelFanTalkListItem`과 기존 `I18n.Explorer.report`를 정적 확인했다. empty 상태의 count bar 숨김과 item 신고 문구 다국어 요구사항만 문서에 반영했으며 Swift 구현과 빌드는 수행하지 않았다.
- 2026-08-26: Phase 13을 구현해 `I18n.Explorer.report`와 양수 count bar 조건을 적용했다. 정적 계약, `git diff --check`, `SodaLive-dev` Debug 빌드와 독립 사양·품질 리뷰가 통과했다. PRD에는 체크박스가 없으며 `§3`, `§5.2`, `§5.5`, `§6`, `§7`, `DEC-FANTALK-BUG-001~002`의 구현 누락이 없음을 대조했다. 사용자 요청에 따라 visual QA와 실제 화면 수동 검증은 수행하지 않았다.
## 11. Decision Log
@@ -325,3 +331,5 @@ data class CreatorChannelFanTalkReplyResponse(
| 2026-08-25 | `DEC-FANTALK-WRITE-001` | 확정 | 500자까지 허용하고 501번째 이후 사용자 입력은 반영하지 않는다. 이미 500자를 초과한 content는 별도 예외 상태로 유지한다. | 사용자 인터뷰 A안 선택 | `§5.10`, Phase 12 |
| 2026-08-25 | `DEC-FANTALK-WRITE-002` | 확정 | 500자 초과 예외 상태에서는 메시지 본문과 현재 글자 수를 `Color.red400`으로 표시하고 보내기 버튼을 비활성화한다. | 사용자 인터뷰 C안 선택 | `§5.10`, Phase 12 |
| 2026-08-25 | `DEC-FANTALK-WRITE-003` | 확정 | 취소 문구의 고정 `width: 64`, `height: 56`만 제거하고 내비게이션 높이 `56`과 보내기 capsule 높이 `44`는 유지한다. | 사용자 인터뷰 A안 선택 | `§5.10`, Phase 12 |
| 2026-08-26 | `DEC-FANTALK-BUG-001` | 확정 | 타인 item의 `신고` 버튼은 기존 `I18n.Explorer.report`를 사용한다. | 사용자 직접 요청과 동일 문구의 기존 I18n 확인 | `§3`, `§5.5`, `§6`, 후속 계획 |
| 2026-08-26 | `DEC-FANTALK-BUG-002` | 확정 | `fanTalkCount == 0`인 empty 상태에서는 count bar 전체를 숨긴다. | 사용자 직접 요청 | `§3`, `§5.2`, `§5.7`, `§6`, 후속 계획 |

58
docs/20260704_크리에이터_채널_팬Talk_탭/reviews/phase13-fan-talk-item-empty-regression.md Normal file
View File

@@ -0,0 +1,58 @@
# Phase 13 팬Talk item·empty 회귀 수정 리뷰
## 1. 리뷰 정보
| 항목 | 내용 |
|---|---|
| 리뷰 대상 | Phase 13 / Task 13.1 |
| 기준 commit 또는 working tree | 미커밋 working tree |
| 리뷰 일자 | 2026-08-26 |
| 리뷰어 | Sisyphus spec reviewer, code quality reviewer |
| 기준 문서 | `prd.md`, `plan-task.md` Phase 13 |
| 리뷰 상태 | 판정 완료 |
## 2. 리뷰 목적과 범위
- 타인 item 신고 문구와 empty count bar 수정이 Phase 13 계약을 충족하는지 확인한다.
- `CreatorChannelFanTalkListItem.swift`, `CreatorChannelFanTalkTabView.swift`와 기존 `I18n.Explorer.report`를 검토한다.
- 사용자 요청에 따라 visual QA와 Simulator 수동 검증은 제외한다.
## 3. 판정 기준
- 확정 요구사항 위반, 기존 신고 흐름·item action·empty 작성 규칙 회귀를 차단 항목으로 판정한다.
- 관련 없는 리팩터링이나 범위 확장이 없는지 확인한다.
## 4. 검토한 근거
| 명령 또는 검증 | 결과 | 핵심 증거 |
|---|---|---|
| Phase 13 `rg` 정적 계약 | 성공 | `I18n.Explorer.report`, `fanTalkCount > 0` 확인 |
| `git diff --check` | 성공 | 출력 없음, exit code 0 |
| `xcodebuild -workspace "SodaLive.xcworkspace" -scheme "SodaLive-dev" -configuration Debug build` | 성공 | `** BUILD SUCCEEDED **` |
| 독립 사양 리뷰 | 승인 | Phase 13 요구사항 및 보존 조건 충족 |
| 독립 코드 품질 리뷰 | 승인 | 차단 회귀·품질 문제 없음 |
## 5. 발견 사항 요약
확정 발견 사항 없음.
## 6. 발견 사항 상세
해당 없음.
## 7. 확정 항목의 plan·goal 전환
전환 항목 없음.
## 8. 리뷰 종료 판정
| 판정 항목 | 결과 | 근거 |
|---|---|---|
| 리뷰 범위 전체 확인 | 충족 | 변경 파일 전체와 직접 계약 확인 |
| 후보 항목 판정 완료 | 충족 | 후보 및 확정 발견 사항 없음 |
| 확정 항목 plan 반영 | 해당 없음 | 확정 발견 사항 없음 |
| 검증 명령과 결과 기록 | 충족 | 정적 계약, diff check, Debug 빌드 기록 |
**최종 결론:** 확정 발견 사항 없음
**남은 항목:** 사용자 수동 화면 확인 3개