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

feat(creator): 팬톡 답글 연결선을 추가한다

Browse Source
This commit is contained in:
Yu Sung
2026-07-05 19:34:43 +09:00
parent f5ead536ea
commit 130b8eee40
1 changed files with 31 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -18,6 +18,15 @@ struct CreatorChannelFanTalkListItem: View {
.fixedSize(horizontal: false, vertical: true) .fixedSize(horizontal: false, vertical: true)
.frame(maxWidth: .infinity, alignment: .leading) .frame(maxWidth: .infinity, alignment: .leading)
.padding(.leading, 50) .padding(.leading, 50)
.background(alignment: .topLeading) {
if fanTalk.creatorReplies.isEmpty == false {
GeometryReader { proxy in
CreatorChannelFanTalkReplyConnector()
.stroke(Color.gray800, style: StrokeStyle(lineWidth: 2, lineCap: .round, lineJoin: .round))
.frame(height: proxy.size.height + SodaSpacing.s12 + SodaSpacing.s20)
}
}
}
if fanTalk.creatorReplies.isEmpty == false { if fanTalk.creatorReplies.isEmpty == false {
replies replies
@@ -84,16 +93,10 @@ struct CreatorChannelFanTalkListItem: View {
private var replies: some View { private var replies: some View {
VStack(alignment: .leading, spacing: SodaSpacing.s8) { VStack(alignment: .leading, spacing: SodaSpacing.s8) {
ForEach(fanTalk.creatorReplies) { reply in ForEach(fanTalk.creatorReplies) { reply in
HStack(alignment: .top, spacing: SodaSpacing.s8) {
Rectangle()
.fill(Color.gray800)
.frame(width: 2)
replyCard(reply) replyCard(reply)
} }
} }
} }
}
private func replyCard(_ reply: CreatorChannelFanTalkReplyResponse) -> some View { private func replyCard(_ reply: CreatorChannelFanTalkReplyResponse) -> some View {
VStack(alignment: .leading, spacing: SodaSpacing.s8) { VStack(alignment: .leading, spacing: SodaSpacing.s8) {
@@ -129,6 +132,27 @@ struct CreatorChannelFanTalkListItem: View {
} }
} }
private struct CreatorChannelFanTalkReplyConnector: Shape {
func path(in rect: CGRect) -> Path {
var path = Path()
let avatarCenterX: CGFloat = 21
let replyCardStartX: CGFloat = 50
let connectorGap: CGFloat = 14
let connectorEndX = replyCardStartX - connectorGap
let startY: CGFloat = 0
let endY = rect.height - 8
let bendY = max(startY, endY - 14)
path.move(to: CGPoint(x: avatarCenterX, y: startY))
path.addLine(to: CGPoint(x: avatarCenterX, y: bendY))
path.addQuadCurve(
to: CGPoint(x: connectorEndX, y: endY),
control: CGPoint(x: avatarCenterX, y: endY)
)
return path
}
}
extension CreatorChannelFanTalkItemResponse { extension CreatorChannelFanTalkItemResponse {
func relativeTimeText(now: Date = Date()) -> String { func relativeTimeText(now: Date = Date()) -> String {
DateParser.relativeTimeText(fromUTC: createdAtUtc, fallback: createdAtUtc, now: now) DateParser.relativeTimeText(fromUTC: createdAtUtc, fallback: createdAtUtc, now: now)