UI fixes on status detail screen

This commit is contained in:
Thomas Ricouard 2023-01-03 18:46:35 +01:00
parent a1681c3f1b
commit 64c57a241a

View file

@ -26,13 +26,17 @@ public struct StatusDetailView: View {
case .loading: case .loading:
ForEach(Status.placeholders()) { status in ForEach(Status.placeholders()) { status in
StatusRowView(viewModel: .init(status: status, isCompact: false)) StatusRowView(viewModel: .init(status: status, isCompact: false))
.padding(.horizontal, .layoutPadding)
.redacted(reason: .placeholder) .redacted(reason: .placeholder)
.shimmering() .shimmering()
Divider()
.padding(.vertical, .dividerPadding)
} }
case let.display(status, context): case let.display(status, context):
if !context.ancestors.isEmpty { if !context.ancestors.isEmpty {
ForEach(context.ancestors) { ancestor in ForEach(context.ancestors) { ancestor in
StatusRowView(viewModel: .init(status: ancestor, isCompact: false)) StatusRowView(viewModel: .init(status: ancestor, isCompact: false))
.padding(.horizontal, .layoutPadding)
Divider() Divider()
.padding(.vertical, .dividerPadding) .padding(.vertical, .dividerPadding)
} }
@ -40,12 +44,14 @@ public struct StatusDetailView: View {
StatusRowView(viewModel: .init(status: status, StatusRowView(viewModel: .init(status: status,
isCompact: false, isCompact: false,
isFocused: true)) isFocused: true))
.padding(.horizontal, .layoutPadding)
.id(status.id) .id(status.id)
Divider() Divider()
.padding(.bottom, .dividerPadding * 2) .padding(.bottom, .dividerPadding * 2)
if !context.descendants.isEmpty { if !context.descendants.isEmpty {
ForEach(context.descendants) { descendant in ForEach(context.descendants) { descendant in
StatusRowView(viewModel: .init(status: descendant, isCompact: false)) StatusRowView(viewModel: .init(status: descendant, isCompact: false))
.padding(.horizontal, .layoutPadding)
Divider() Divider()
.padding(.vertical, .dividerPadding) .padding(.vertical, .dividerPadding)
} }
@ -53,9 +59,9 @@ public struct StatusDetailView: View {
case let .error(error): case let .error(error):
Text(error.localizedDescription) Text(error.localizedDescription)
}
}
.padding(.horizontal, .layoutPadding) .padding(.horizontal, .layoutPadding)
}
}
.padding(.top, .layoutPadding) .padding(.top, .layoutPadding)
} }
.scrollContentBackground(.hidden) .scrollContentBackground(.hidden)