Skip to content

Fix ChatView disappearing when call events happening #181

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Oct 10, 2023
Merged

Fix ChatView disappearing when call events happening #181

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6327fc3
Fix ChatView disappearing when call events occuring
ipavlidakis Oct 10, 2023
3ec4038
Update DemoChatModifier.swift
ipavlidakis Oct 10, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 5 additions & 2 deletions DemoApp/Sources/Views/CallView/DemoCallContainerView.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,10 +13,13 @@ internal struct DemoCallContainerView: View {
@Injected(\.streamVideo) var streamVideo
@Injected(\.appearance) var appearance
@StateObject var viewModel: CallViewModel
@StateObject var chatViewModel: DemoChatViewModel
@ObservedObject var appState = AppState.shared

internal init(callId: String) {
_viewModel = StateObject(wrappedValue: CallViewModel())
let callViewModel = CallViewModel()
_viewModel = StateObject(wrappedValue: callViewModel)
_chatViewModel = StateObject(wrappedValue: .init(callViewModel))
self.callId = callId
}

Expand All @@ -26,7 +29,7 @@ internal struct DemoCallContainerView: View {
DemoCallModifier(
viewFactory: DemoAppViewFactory.shared,
viewModel: viewModel,
chatViewModel: .init(viewModel)
chatViewModel: chatViewModel
)
)
.onContinueUserActivity(
Expand Down
2 changes: 2 additions & 0 deletions DemoApp/Sources/Views/CallView/DemoCallView.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import EffectsLibrary
struct DemoCallView<ViewFactory: DemoAppViewFactory>: View {

@Injected(\.appearance) var appearance
@Injected(\.chatViewModel) var chatViewModel

var microphoneChecker: MicrophoneChecker

Expand Down Expand Up @@ -74,6 +75,7 @@ struct DemoCallView<ViewFactory: DemoAppViewFactory>: View {
.onAppear {
updateMicrophoneChecker()
}
.chat(viewModel: viewModel, chatViewModel: chatViewModel)
}

private func updateMicrophoneChecker() {
Expand Down
44 changes: 44 additions & 0 deletions DemoApp/Sources/Views/CallView/DemoChatModifier.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
//
// Copyright © 2023 Stream.io Inc. All rights reserved.
//

import Foundation
import SwiftUI
import StreamVideoSwiftUI

struct ChatModifier: ViewModifier {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like this idea of having chat modifier. Maybe we could introduce chat extensions for video as reusable components in the future 👍

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sounds a good idea and will make integration much easier for customers. I think we should have that in our roadmap


@ObservedObject var viewModel: CallViewModel
@ObservedObject var chatViewModel: DemoChatViewModel

func body(content: Content) -> some View {
content
.halfSheetIfAvailable(
isPresented: $chatViewModel.isChatVisible,
onDismiss: {}
) {
if let channelController = chatViewModel.channelController {
VStack {
ChatControlsHeader(viewModel: viewModel)
ChatView(
channelController: channelController,
chatViewModel: chatViewModel,
callViewModel: viewModel
)
}
}
}
}
}

extension View {

@ViewBuilder
func chat(viewModel: CallViewModel, chatViewModel: DemoChatViewModel?) -> some View {
if let chatViewModel {
self.modifier(ChatModifier(viewModel: viewModel, chatViewModel: chatViewModel))
} else {
self
}
}
}
14 changes: 0 additions & 14 deletions DemoApp/Sources/Views/Controls/DemoControls.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,6 @@ struct AppControlsWithChat: View {

@ObservedObject var reactionsHelper = AppState.shared.reactionsHelper
@ObservedObject var viewModel: CallViewModel
@State private var isChatVisible = false

init(viewModel: CallViewModel, canOpenChat: Bool = true) {
self.viewModel = viewModel
Expand Down Expand Up @@ -61,22 +60,9 @@ struct AppControlsWithChat: View {
}
.offset(y: -15)
)
.onReceive(chatViewModel?.$isChatVisible) { isChatVisible = canOpenChat && $0 }
.onReceive(viewModel.$call, perform: { call in
reactionsHelper.call = call
})
.halfSheetIfAvailable(isPresented: $isChatVisible, onDismiss: { chatViewModel?.isChatVisible = false }) {
if let chatViewModel = chatViewModel, let channelController = chatViewModel.channelController {
VStack {
ChatControlsHeader(viewModel: viewModel)
ChatView(
channelController: channelController,
chatViewModel: chatViewModel,
callViewModel: viewModel
)
}
}
}
}
}

Expand Down
10 changes: 6 additions & 4 deletions DemoApp/Sources/Views/WaitingLocalUserView/DemoWaitingLocalUserView.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,13 @@ struct DemoWaitingLocalUserView<Factory: DemoAppViewFactory>: View {
@ObservedObject var viewModel: CallViewModel

@State private var isSharePresented = false
@State private var isChatVisible = false

private let viewFactory: Factory

internal init(viewFactory: Factory, viewModel: CallViewModel) {
internal init(
viewFactory: Factory,
viewModel: CallViewModel
) {
self.viewFactory = viewFactory
self.viewModel = viewModel
}
Expand All @@ -28,7 +30,7 @@ struct DemoWaitingLocalUserView<Factory: DemoAppViewFactory>: View {
viewFactory
.makeInnerWaitingLocalUserView(viewModel: viewModel)

if !isChatVisible {
if chatViewModel?.isChatVisible == true {
VStack {
Spacer()
VStack {
Expand Down Expand Up @@ -82,7 +84,7 @@ struct DemoWaitingLocalUserView<Factory: DemoAppViewFactory>: View {
}
}
}
.onReceive(chatViewModel?.$isChatVisible) { isChatVisible = $0 }
.chat(viewModel: viewModel, chatViewModel: chatViewModel)
}

private var callLink: String {
Expand Down
5 changes: 4 additions & 1 deletion StreamVideo.xcodeproj/project.pbxproj
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,7 @@
4046DEEE2A9F404300CA6D2F /* GDPerformanceView-Swift in Frameworks */ = {isa = PBXBuildFile; productRef = 4046DEED2A9F404300CA6D2F /* GDPerformanceView-Swift */; };
4046DEF02A9F469100CA6D2F /* GDPerformanceView-Swift in Frameworks */ = {isa = PBXBuildFile; productRef = 4046DEEF2A9F469100CA6D2F /* GDPerformanceView-Swift */; settings = {ATTRIBUTES = (Required, ); }; };
4046DEF22A9F510C00CA6D2F /* DebugMenu.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4046DEF12A9F510C00CA6D2F /* DebugMenu.swift */; };
404A5CFB2AD5648100EF1C62 /* DemoChatModifier.swift in Sources */ = {isa = PBXBuildFile; fileRef = 404A5CFA2AD5648100EF1C62 /* DemoChatModifier.swift */; };
4059C3422AAF0CE40006928E /* DemoChatViewModel+Injection.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4059C3412AAF0CE40006928E /* DemoChatViewModel+Injection.swift */; };
406A8E8D2AA1D78C001F598A /* AppEnvironment.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4030E59F2A9DF5BD003E8CBA /* AppEnvironment.swift */; };
406A8E8E2AA1D79D001F598A /* UserState.swift in Sources */ = {isa = PBXBuildFile; fileRef = 40F445AD2A9DFC34004BE3DA /* UserState.swift */; };
Expand Down Expand Up @@ -898,6 +899,7 @@
4046DEE82A9E381F00CA6D2F /* AppIntentVocabulary.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = AppIntentVocabulary.plist; sourceTree = "<group>"; };
4046DEEA2A9E38DC00CA6D2F /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
4046DEF12A9F510C00CA6D2F /* DebugMenu.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DebugMenu.swift; sourceTree = "<group>"; };
404A5CFA2AD5648100EF1C62 /* DemoChatModifier.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DemoChatModifier.swift; sourceTree = "<group>"; };
4059C3412AAF0CE40006928E /* DemoChatViewModel+Injection.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "DemoChatViewModel+Injection.swift"; sourceTree = "<group>"; };
407D5D3C2ACEF0C500B5044E /* VisibilityThresholdModifier_Tests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = VisibilityThresholdModifier_Tests.swift; sourceTree = "<group>"; };
409386192AA09E4A00FF5AF4 /* MemoryLogDestination.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MemoryLogDestination.swift; sourceTree = "<group>"; };
Expand Down Expand Up @@ -1925,6 +1927,7 @@
40D946442AA5F67E00C8861B /* DemoCallingTopView.swift */,
40F445DA2A9E2276004BE3DA /* DemoCallContentView.swift */,
40F446012A9E2C23004BE3DA /* DemoCallView.swift */,
404A5CFA2AD5648100EF1C62 /* DemoChatModifier.swift */,
);
path = CallView;
sourceTree = "<group>";
Expand Down Expand Up @@ -2113,7 +2116,6 @@
82FF40B62A17C6CD00B4D95E /* ReconnectionView_Tests.swift */,
82FF40B82A17C6D600B4D95E /* RecordingView_Tests.swift */,
82FF40BA2A17C6DF00B4D95E /* ScreenSharingView_Tests.swift */,
407D5D3C2ACEF0C500B5044E /* VisibilityThresholdModifier_Tests.swift */,
40D6ADDC2ACDB51C00EF5336 /* VideoRenderer_Tests.swift */,
407D5D3C2ACEF0C500B5044E /* VisibilityThresholdModifier_Tests.swift */,
);
Expand Down Expand Up @@ -3801,6 +3803,7 @@
847B47B72A260CF1000714CE /* CustomCallView.swift in Sources */,
40F445EA2A9E297B004BE3DA /* CallStateResponseFields+Identifiable.swift in Sources */,
40F445CC2A9E1FC9004BE3DA /* DemoChatViewFactory.swift in Sources */,
404A5CFB2AD5648100EF1C62 /* DemoChatModifier.swift in Sources */,
842D8BDA2865B37800801910 /* DemoApp.swift in Sources */,
40F445E82A9E2824004BE3DA /* Call+Identifiable.swift in Sources */,
40F445FE2A9E2B46004BE3DA /* DemoWaitingLocalUserView.swift in Sources */,
Expand Down