feat(live): 라이브룸 게스트 상단에 팔로우 버튼과 알림 옵션을 추가한다

SodaLive/Sources/Live/Room/V2/LiveRoomViewV2.swift

@@ -24,6 +24,8 @@ struct LiveRoomViewV2: View {
     @State private var showWaterHeart: Bool = false
     @State private var waterProgress: CGFloat = 0
     @State private var wavePhase: CGFloat = 0
+    @State private var isShowFollowNotifyDialog: Bool = false
+    @State private var guestFollowButtonTypeOverride: FollowButtonImageType? = nil
     let heartWaveTimer = Timer.publish(every: 1/60, on: .main, in: .common).autoconnect()
     
     var body: some View {
@@ -101,6 +103,7 @@ struct LiveRoomViewV2: View {
                             creatorId: liveRoomInfo.creatorId,
                             creatorNickname: liveRoomInfo.creatorNickname,
                             creatorProfileUrl: liveRoomInfo.creatorProfileUrl,
+                            followButtonType: guestFollowButtonType(liveRoomInfo: liveRoomInfo),
                             speakerList: liveRoomInfo.speakerList,
                             muteSpeakerList: viewModel.muteSpeakers,
                             activeSpeakerList: viewModel.activeSpeakers,
@@ -131,6 +134,16 @@ struct LiveRoomViewV2: View {
                             onClickTotalDonation: {
                                 viewModel.isShowDonationRankingPopup = true
                             },
+                            onClickFollow: {
+                                let buttonType = guestFollowButtonType(liveRoomInfo: liveRoomInfo)
+
+                                if buttonType == .follow {
+                                    guestFollowButtonTypeOverride = .following
+                                    viewModel.creatorFollow(follow: true, notify: true)
+                                } else {
+                                    isShowFollowNotifyDialog = true
+                                }
+                            },
                             onClickChangeListener: {
                                 viewModel.setListener()
                             },
@@ -735,6 +748,26 @@ struct LiveRoomViewV2: View {
                         }
                     }
                 }
+
+                if isShowFollowNotifyDialog,
+                   let liveRoomInfo = viewModel.liveRoomInfo,
+                   liveRoomInfo.creatorId != UserDefaults.int(forKey: .userId) {
+                    CreatorFollowNotifyDialog(
+                        isShowing: $isShowFollowNotifyDialog,
+                        onClickNotifyAll: {
+                            guestFollowButtonTypeOverride = .following
+                            viewModel.creatorFollow(follow: true, notify: true)
+                        },
+                        onClickNotifyNone: {
+                            guestFollowButtonTypeOverride = .followingNoAlarm
+                            viewModel.creatorFollow(follow: true, notify: false)
+                        },
+                        onClickUnFollow: {
+                            guestFollowButtonTypeOverride = .follow
+                            viewModel.creatorFollow(follow: false, notify: false)
+                        }
+                    )
+                }
             }
             
             if viewModel.isShowRouletteSettings {
@@ -890,6 +923,11 @@ struct LiveRoomViewV2: View {
         .sheet(isPresented: $viewModel.isShowDonationMessagePopup) {
             LiveRoomDonationMessageDialog(viewModel: viewModel, isShowing: $viewModel.isShowDonationMessagePopup)
         }
+        .onChange(of: viewModel.liveRoomInfo?.isFollowing) { isFollowing in
+            if isFollowing == false {
+                guestFollowButtonTypeOverride = nil
+            }
+        }
     }
     
     private func estimatedHeight(for text: String, width: CGFloat) -> CGFloat {
@@ -941,6 +979,14 @@ struct LiveRoomViewV2: View {
 }
 
 private extension LiveRoomViewV2 {
+    func guestFollowButtonType(liveRoomInfo: GetRoomInfoResponse) -> FollowButtonImageType {
+        if liveRoomInfo.isFollowing {
+            return guestFollowButtonTypeOverride ?? .following
+        }
+
+        return .follow
+    }
+
     var isV2VCaptionVisible: Bool {
         viewModel.isV2VCaptionOn &&
         !viewModel.v2vCaptionText.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty