fix(main): 현재 라이브 전체 스타일을 보정한다

This commit is contained in:
Yu Sung
2026-08-03 14:06:28 +09:00
parent a8fe416cb5
commit 498debbfc7
3 changed files with 32 additions and 11 deletions

View File

@@ -62,17 +62,10 @@ private struct MainHomeLiveAllItemView: View {
var body: some View { var body: some View {
Button(action: onTapAll) { Button(action: onTapAll) {
VStack(alignment: .center, spacing: SodaSpacing.s6) { Text(I18n.HomeRecommendation.liveAll)
Circle() .appFont(.body5)
.fill(Color.gray800) .foregroundColor(Color.soda400)
.frame(width: 70, height: 70) .frame(width: 70, height: 102, alignment: .center)
.overlay {
Text(I18n.HomeRecommendation.liveAll)
.appFont(.body4)
.foregroundColor(.white)
}
}
.frame(width: 70, height: 102, alignment: .top)
} }
.buttonStyle(.plain) .buttonStyle(.plain)
} }

View File

@@ -21,6 +21,20 @@
- 기존 `SodaLive/Sources/Home/HomeApi.swift`에는 `/api/v2/home/recommendations`를 추가하지 않는다. - 기존 `SodaLive/Sources/Home/HomeApi.swift`에는 `/api/v2/home/recommendations`를 추가하지 않는다.
- 외부 라이브러리는 추가하지 않는다. - 외부 라이브러리는 추가하지 않는다.
### 2026-08-03 Phase 8.2 현재 라이브 전체 항목 스타일 보정 완료
- 목적: 메인 홈 추천 탭 현재 라이브 섹션 마지막 `전체` 항목을 요청한 텍스트 전용 스타일로 표시
- 수행 내용:
- `MainHomeLiveAllItemView`에서 `Color.gray800` 원형 배경을 제거
- `전체` 텍스트를 기존 `.appFont(.body5)` medium 14, `Color.soda400`, `70x102` 중앙 정렬 프레임으로 표시
- 기존 현재 라이브 아이템과 `onTapAll` 액션 연결은 변경하지 않음
- 검증:
- `rg -n "Circle\(\)|\.fill\(Color\.gray800\)|foregroundColor\(\.white\)|foregroundColor\(Color\.soda400\)|appFont\(\.body4\)" SodaLive/Sources/V2/Main/Home/Recommendation/Components/MainHomeLiveSection.swift` 실행, 변경 전 `MainHomeLiveAllItemView`의 원형 배경/흰 글자 존재 확인
- `rg -n "MainHomeLiveAllItemView|Color\.gray800|foregroundColor\(Color\.soda400\)|appFont\(\.body5\)|alignment: \.center" SodaLive/Sources/V2/Main/Home/Recommendation/Components/MainHomeLiveSection.swift` 실행, 변경 후 `MainHomeLiveAllItemView``.appFont(.body5)`, `Color.soda400`, `.center` 정렬을 사용하고 해당 뷰 내부 원형 배경이 제거됐음을 확인
- `git diff --check` 실행, 출력 없이 성공
- `plutil -lint SodaLive.xcodeproj/project.pbxproj` 실행, `OK`
- `xcodebuild -workspace "SodaLive.xcworkspace" -scheme "SodaLive-dev" -configuration Debug build` 실행, `BUILD SUCCEEDED`
### 2026-07-12 장르 크리에이터 섹션 미표시 반영 ### 2026-07-12 장르 크리에이터 섹션 미표시 반영
- 목적: 메인 홈 추천 탭에서 서버 응답의 `genreCreators` 기반 장르(카테고리)별 크리에이터 UI를 표시하지 않는다. - 목적: 메인 홈 추천 탭에서 서버 응답의 `genreCreators` 기반 장르(카테고리)별 크리에이터 UI를 표시하지 않는다.
@@ -359,6 +373,19 @@
- 실행 명령: `rg "MainHomeLiveSection|roomId|creatorNickname|creatorProfileImage|enterLiveRoom|LivePaymentDialog|LiveRoomPasswordDialog" SodaLive/Sources/V2/Main/Home/Recommendation SodaLive/Sources/V2/Main/MainView.swift` - 실행 명령: `rg "MainHomeLiveSection|roomId|creatorNickname|creatorProfileImage|enterLiveRoom|LivePaymentDialog|LiveRoomPasswordDialog" SodaLive/Sources/V2/Main/Home/Recommendation SodaLive/Sources/V2/Main/MainView.swift`
- 기대 결과: 라이브 섹션이 신규 응답 필드를 기준으로 구성되고, 추천 라이브 탭이 기존 라이브 입장 흐름을 재사용한다. - 기대 결과: 라이브 섹션이 신규 응답 필드를 기준으로 구성되고, 추천 라이브 탭이 기존 라이브 입장 흐름을 재사용한다.
- [x] **Task 8.2: 현재 라이브 전체 항목 스타일 보정**
- 대상 파일:
- 수정: `SodaLive/Sources/V2/Main/Home/Recommendation/Components/MainHomeLiveSection.swift`
- 작업 내용:
- `MainHomeLiveAllItemView`의 원형 배경을 제거한다.
- `전체` 텍스트는 기존 `.appFont(.body5)`를 사용해 medium 14로 표시한다.
- `전체` 텍스트 색상은 `Color.soda400`으로 표시한다.
- `전체` 텍스트는 기존 항목 높이 안에서 세로 가운데 정렬한다.
- TDD 예외 사유: 현재 프로젝트 문서 기준 테스트 번들 타깃이 확인되지 않는 SwiftUI 단일 스타일 변경이다.
- 대체 검증 방법:
- 실행 명령: `rg -n "MainHomeLiveAllItemView|Color\.gray800|foregroundColor\(Color\.soda400\)|appFont\(\.body5\)|alignment: \.center" SodaLive/Sources/V2/Main/Home/Recommendation/Components/MainHomeLiveSection.swift`
- 기대 결과: `MainHomeLiveAllItemView``Color.gray800` 원형 배경이 없고, `.appFont(.body5)`, `Color.soda400`, 세로 가운데 정렬 근거가 확인되어야 한다.
### Phase 9: 배너 섹션 UI ### Phase 9: 배너 섹션 UI
- [x] **Task 9.1: BannerCarousel 현재 구현과 Figma 요구사항 고정** - [x] **Task 9.1: BannerCarousel 현재 구현과 Figma 요구사항 고정**

View File

@@ -338,6 +338,7 @@ MainHomeView
## 10. Success Criteria ## 10. Success Criteria
- 추천 탭에서 `GET /api/v2/home/recommendations`를 호출하고 `success == true` 응답 데이터를 섹션별로 렌더링한다. - 추천 탭에서 `GET /api/v2/home/recommendations`를 호출하고 `success == true` 응답 데이터를 섹션별로 렌더링한다.
- 응답 배열이 비어 있는 섹션은 화면에 표시하지 않는다. - 응답 배열이 비어 있는 섹션은 화면에 표시하지 않는다.
- 현재 라이브 섹션의 마지막 `전체` 항목은 배경 없이 medium 14 텍스트, `soda400` 색상, 세로 가운데 정렬로 표시된다.
- `추천 필모그래피`, `또 다른 모습`은 코드와 화면에 포함하지 않는다. - `추천 필모그래피`, `또 다른 모습`은 코드와 화면에 포함하지 않는다.
- `LIVE`, `LIVE_REPLAY`, `AUDIO`, `COMMUNITY` 활동 타입이 I18n 문구로 표시된다. - `LIVE`, `LIVE_REPLAY`, `AUDIO`, `COMMUNITY` 활동 타입이 I18n 문구로 표시된다.
- `FeedCommunityView`에서 키워드 영역이 제거되고, 이미지/유료 미구매/유료 구매함 또는 무료 상태가 조건에 맞게 표시된다. - `FeedCommunityView`에서 키워드 영역이 제거되고, 이미지/유료 미구매/유료 구매함 또는 무료 상태가 조건에 맞게 표시된다.