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

feat(character-detail): 캐릭터 정보 추가

Browse Source 
- mbti, 나이, 성별 추가
This commit is contained in:
Yu Sung
2025-09-05 18:20:04 +09:00
parent 557a4421e7
commit 70b7801074
2 changed files with 75 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
SodaLive/Sources/Chat/Character/Detail/CharacterDetailView.swift
View File

@@ -167,19 +167,85 @@ extension CharacterDetailView {
// MARK: - Character Image Section
extension CharacterDetailView {
private var characterImageSection: some View {
// 배경 이미지
KFImage(URL(string: viewModel.characterDetail?.imageUrl ?? "https://picsum.photos/400"))
.resizable()
.scaledToFill()
.frame(width: screenSize().width, height: screenSize().width, alignment: .top)
.clipped()
ZStack {
if let imageUrl = viewModel.characterDetail?.imageUrl{
// 배경 이미지
KFImage(URL(string: imageUrl))
.resizable()
.scaledToFill()
.frame(width: screenSize().width, height: screenSize().width, alignment: .top)
.clipped()
}
}
}
}
// MARK: - Profile Section
extension CharacterDetailView {
private var profileSection: some View {
VStack(alignment: .leading, spacing: 8) {
VStack(alignment: .leading, spacing: 16) {
if viewModel.characterDetail?.mbti != nil ||
viewModel.characterDetail?.gender != nil ||
viewModel.characterDetail?.age != nil
{
HStack(spacing: 4) {
if let gender = viewModel.characterDetail?.gender {
Text(gender)
.font(.custom(Font.preRegular.rawValue, size: 14))
.foregroundColor(
gender == "남성" ?
Color.button :
Color.mainRed
)
.padding(.horizontal, 7)
.padding(.vertical, 3)
.background(Color(hex: "263238"))
.cornerRadius(4)
.overlay {
RoundedRectangle(cornerRadius: 4)
.stroke(lineWidth: 1)
.foregroundColor(
gender == "남성" ?
Color.button :
Color.mainRed
)
}
}
if let age = viewModel.characterDetail?.age {
Text("\(age)세")
.font(.custom(Font.preRegular.rawValue, size: 14))
.foregroundColor(Color(hex: "B0BEC5"))
.padding(.horizontal, 7)
.padding(.vertical, 3)
.background(Color(hex: "263238"))
.cornerRadius(4)
.overlay {
RoundedRectangle(cornerRadius: 4)
.stroke(lineWidth: 1)
.foregroundColor(.white.opacity(0.5))
}
}
if let mbti = viewModel.characterDetail?.mbti {
Text(mbti)
.font(.custom(Font.preRegular.rawValue, size: 14))
.foregroundColor(Color(hex: "B0BEC5"))
.padding(.horizontal, 7)
.padding(.vertical, 3)
.background(Color(hex: "263238"))
.cornerRadius(4)
.overlay {
RoundedRectangle(cornerRadius: 4)
.stroke(lineWidth: 1)
.foregroundColor(.white.opacity(0.5))
}
}
}
}
// 이름과 상태
HStack(spacing: 8) {
Text(viewModel.characterDetail?.name ?? "")