ehealthsolutions/element-x-ios
3
0
Fork 0
mirror of https://github.com/Novaloop-AG/element-x-ios.git synced 2026-11-02 12:07:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix for the media browser showing also images and videos in file mode (#5853)

Browse Source 
* fix for the bug that makes the images appear in the file list of the media browser

* pr suggestions
This commit is contained in:
Mauro
2026-07-09 15:51:46 +02:00
committed by GitHub
parent 5915713a02
commit ee89f8846f
5 changed files with 111 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ElementX/Sources/Screens/MediaEventsTimelineScreen/MediaEventsTimelineScreenModels.swift
+2 -2
View File
@@ -28,6 +28,7 @@ struct MediaEventsTimelineScreenViewState: BindableState {
var isBackPaginating = false
var shouldShowEmptyState = false
var screenMode: MediaEventsTimelineScreenMode
var groups = [MediaEventsTimelineGroup]()
var activeTimelineContext: TimelineViewModel.Context
@@ -36,13 +37,12 @@ struct MediaEventsTimelineScreenViewState: BindableState {
}
struct MediaEventsTimelineScreenViewStateBindings {
var screenMode: MediaEventsTimelineScreenMode
var mediaPreviewViewModel: TimelineMediaPreviewViewModel?
var mediaPreviewSheetViewModel: TimelineMediaPreviewViewModel?
}
enum MediaEventsTimelineScreenViewAction {
case changedScreenMode
case changeScreenMode(MediaEventsTimelineScreenMode)
case oldestItemDidAppear
case oldestItemDidDisappear
case tappedItem(item: RoomTimelineItemViewState)
ElementX/Sources/Screens/MediaEventsTimelineScreen/MediaEventsTimelineScreenViewModel.swift
+24 -13
View File
@@ -21,7 +21,7 @@ class MediaEventsTimelineScreenViewModel: MediaEventsTimelineScreenViewModelType
private var isOldestItemVisible = false
private var activeTimelineViewModel: TimelineViewModelProtocol {
switch state.bindings.screenMode {
switch state.screenMode {
case .media:
mediaTimelineViewModel
case .files:
@@ -53,10 +53,13 @@ class MediaEventsTimelineScreenViewModel: MediaEventsTimelineScreenViewModelType
case .files: filesTimelineViewModel.context
}
super.init(initialViewState: .init(activeTimelineContext: activeTimelineContext, bindings: .init(screenMode: initialScreenMode)), mediaProvider: mediaProvider)
super.init(initialViewState: .init(screenMode: initialScreenMode,
activeTimelineContext: activeTimelineContext,
bindings: .init()),
mediaProvider: mediaProvider)
mediaTimelineViewModel.context.$viewState.sink { [weak self] timelineViewState in
guard let self, state.bindings.screenMode == .media else {
guard let self, state.screenMode == .media else {
return
}
@@ -81,7 +84,7 @@ class MediaEventsTimelineScreenViewModel: MediaEventsTimelineScreenViewModelType
.store(in: &cancellables)
filesTimelineViewModel.context.$viewState.sink { [weak self] timelineViewState in
guard let self, state.bindings.screenMode == .files else {
guard let self, state.screenMode == .files else {
return
}
@@ -114,13 +117,8 @@ class MediaEventsTimelineScreenViewModel: MediaEventsTimelineScreenViewModelType
MXLog.info("View model: received view action: \(viewAction)")
switch viewAction {
case .changedScreenMode:
switch state.bindings.screenMode {
case .media: state.activeTimelineContext = mediaTimelineViewModel.context
case .files: state.activeTimelineContext = filesTimelineViewModel.context
}
updateWithTimelineViewState(activeTimelineViewModel.context.viewState)
case .changeScreenMode(let screenMode):
changeScreenMode(to: screenMode)
case .oldestItemDidAppear:
isOldestItemVisible = true
backPaginateIfNecessary(backPaginationState: activeTimelineViewModel.context.viewState.timelineState.paginationState.backward)
@@ -140,6 +138,19 @@ class MediaEventsTimelineScreenViewModel: MediaEventsTimelineScreenViewModelType
// MARK: - Private
private func changeScreenMode(to screenMode: MediaEventsTimelineScreenMode) {
guard screenMode != state.screenMode else { return }
state.screenMode = screenMode
switch screenMode {
case .media: state.activeTimelineContext = mediaTimelineViewModel.context
case .files: state.activeTimelineContext = filesTimelineViewModel.context
}
updateWithTimelineViewState(activeTimelineViewModel.context.viewState)
}
private func displayMediaPreviewSheet(for item: EventBasedMessageTimelineItemProtocol) {
let sheetModel = TimelineMediaPreviewViewModel(initialItem: item,
timelineViewModel: activeTimelineViewModel,
@@ -172,9 +183,9 @@ class MediaEventsTimelineScreenViewModel: MediaEventsTimelineScreenViewModelType
timelineViewState.timelineState.itemViewStates.filter { itemViewState in
switch itemViewState.type {
case .image, .video:
state.bindings.screenMode == .media
state.screenMode == .media
case .audio, .file, .voice:
state.bindings.screenMode == .files
state.screenMode == .files
case .separator:
true
default:
ElementX/Sources/Screens/MediaEventsTimelineScreen/View/MediaEventsTimelineScreen.swift
+14 -15
View File
@@ -22,9 +22,6 @@ struct MediaEventsTimelineScreen: View {
.toolbar { toolbar }
.environmentObject(context.viewState.activeTimelineContext)
.environment(\.timelineContext, context.viewState.activeTimelineContext)
.onChange(of: context.screenMode) { _, _ in
context.send(viewAction: .changedScreenMode)
}
.timelineMediaPreview(viewModel: $context.mediaPreviewViewModel)
.sheet(item: $context.mediaPreviewSheetViewModel) { sheet in
if case let .media(media) = sheet.state.currentItem {
@@ -59,7 +56,7 @@ struct MediaEventsTimelineScreen: View {
private var scrollView: some View {
ScrollView {
Group {
switch context.viewState.bindings.screenMode {
switch context.viewState.screenMode {
case .media:
mediaContent
case .files:
@@ -82,7 +79,7 @@ struct MediaEventsTimelineScreen: View {
Button {
tappedItem(item)
} label: {
viewForTimelineItem(item)
viewForTimelineItem(item, screenMode: .media)
.scaleEffect(CGSize(width: -1, height: -1))
}
.accessibleLongPress(named: L10n.actionOpenContextMenu) {
@@ -111,11 +108,11 @@ struct MediaEventsTimelineScreen: View {
Button {
tappedItem(item)
} label: {
viewForTimelineItem(item)
viewForTimelineItem(item, screenMode: .files)
.scaleEffect(CGSize(width: 1, height: -1))
}
.accessibilityRepresentation {
viewForTimelineItem(item)
viewForTimelineItem(item, screenMode: .files)
}
.accessibleLongPress(named: L10n.actionOpenContextMenu) {
context.send(viewAction: .longPressedItem(item: item))
@@ -153,18 +150,19 @@ struct MediaEventsTimelineScreen: View {
}
}
/// The mode check makes sure that stale items from the other mode's layout are never rendered.
@ViewBuilder
private func viewForTimelineItem(_ item: RoomTimelineItemViewState) -> some View {
private func viewForTimelineItem(_ item: RoomTimelineItemViewState, screenMode: MediaEventsTimelineScreenMode) -> some View {
switch item.type {
case .image(let timelineItem):
case .image(let timelineItem) where screenMode == .media:
ImageMediaEventsTimelineView(timelineItem: timelineItem)
case .video(let timelineItem):
case .video(let timelineItem) where screenMode == .media:
VideoMediaEventsTimelineView(timelineItem: timelineItem)
case .file(let timelineItem):
case .file(let timelineItem) where screenMode == .files:
FileMediaEventsTimelineView(timelineItem: timelineItem)
case .audio(let timelineItem):
case .audio(let timelineItem) where screenMode == .files:
AudioMediaEventsTimelineView(timelineItem: timelineItem)
case .voice(let timelineItem):
case .voice(let timelineItem) where screenMode == .files:
let defaultPlayerState = AudioPlayerState(id: .timelineItemIdentifier(timelineItem.id), title: L10n.commonVoiceMessage, duration: 0)
let playerState = context.viewState.activeTimelineContext.viewState.audioPlayerStateProvider?(timelineItem.id) ?? defaultPlayerState
VoiceMessageMediaEventsTimelineView(timelineItem: timelineItem, playerState: playerState)
@@ -176,7 +174,7 @@ struct MediaEventsTimelineScreen: View {
private var emptyState: some View {
FullscreenDialog(topPadding: UIConstants.iconTopPaddingToNavigationBar, background: .gradient) {
VStack(spacing: 16) {
switch context.screenMode {
switch context.viewState.screenMode {
case .media:
emptyMedia
case .files:
@@ -239,7 +237,8 @@ struct MediaEventsTimelineScreen: View {
}
private var screenModePicker: some View {
Picker("", selection: $context.screenMode) {
Picker("", selection: Binding(get: { context.viewState.screenMode },
set: { context.send(viewAction: .changeScreenMode($0)) })) {
Text(L10n.screenMediaBrowserListModeMedia)
.padding()
.tag(MediaEventsTimelineScreenMode.media)