Display image alt in feed

This commit is contained in:
Thomas Ricouard 2023-01-03 08:45:27 +01:00
parent fb0cd6b623
commit 37a5567fe7
2 changed files with 63 additions and 25 deletions

View file

@ -14,6 +14,8 @@ public struct StatusMediaPreviewView: View {
@State private var isQuickLookLoading: Bool = false
@State private var width: CGFloat = 0
@State private var altTextDisplayed: String?
@State private var isAltAlertDisplayed: Bool = false
private var imageMaxHeight: CGFloat {
if isCompact {
@ -82,6 +84,13 @@ public struct StatusMediaPreviewView: View {
.transition(.opacity)
}
}
.alert("Image description",
isPresented: $isAltAlertDisplayed) {
Button("Ok", action: { })
} message: {
Text(altTextDisplayed ?? "")
}
}
@ViewBuilder
@ -100,6 +109,7 @@ public struct StatusMediaPreviewView: View {
let availableWidth = UIScreen.main.bounds.width - (.layoutPadding * 2) - avatarColumnWidth
let newSize = imageSize(from: size,
newWidth: availableWidth)
ZStack(alignment: .bottomTrailing) {
LazyImage(url: attachement.url) { state in
if let image = state.image {
image
@ -113,6 +123,18 @@ public struct StatusMediaPreviewView: View {
.shimmering()
}
}
if let alt = attachement.description {
Button {
altTextDisplayed = alt
isAltAlertDisplayed = true
} label: {
Text("ALT")
}
.padding(8)
.background(.thinMaterial)
.cornerRadius(4)
}
}
} else {
AsyncImage(
url: attachement.url,
@ -146,6 +168,7 @@ public struct StatusMediaPreviewView: View {
GeometryReader { proxy in
switch type {
case .image:
ZStack(alignment: .bottomTrailing) {
LazyImage(url: attachement.url) { state in
if let image = state.image {
image
@ -161,6 +184,19 @@ public struct StatusMediaPreviewView: View {
}
.frame(width: isCompact ? imageMaxHeight : proxy.frame(in: .local).width)
.frame(height: imageMaxHeight)
if let alt = attachement.description {
Button {
altTextDisplayed = alt
isAltAlertDisplayed = true
} label: {
Text("ALT")
.font(.footnote)
}
.padding(4)
.background(.thinMaterial)
.cornerRadius(4)
}
}
case .gifv, .video:
if let url = attachement.url {
VideoPlayerView(viewModel: .init(url: url))

View file

@ -19,14 +19,16 @@ For contributors and myself, here is a todo list of features that could be added
- [ ] DM / Conversations
- [X] Lists support
- [ ] Display images alt
- [X] Display images alt
- [ ] Editor: Post image alts
- [ ] Editor: Add / Edit polls
- [ ] Editor: Support video types
- [ ] Editor: Add photos from camera
- [ ] Editor: Support custom emojis
- [X] Editor: Autocomplete for mentions / hashtags
- [ ] Better settings tab
- [ ] Edit profile
- [ ] Handle emoji in status
- [X] Light theme
- [X] More themes
- [ ] Honor & display server side features (filter, default visibility, etc...)