라이브 방

- 하트 후원 API 연결
- 하트 후원 성공시 하트 애니메이션 호출
- 하트 후원 성공시 채팅으로 알림

SodaLive/Sources/Live/Room/V2/Component/View/LiveRoomInfoHostView.swift

@@ -11,6 +11,7 @@ import Kingfisher
 struct LiveRoomInfoHostView: View {
     
     let title: String
+    let totalHeart: Int
     let totalDonationCan: Int
     let participantsCount: Int
     
@@ -161,7 +162,23 @@ struct LiveRoomInfoHostView: View {
                     
                     Spacer()
                     
-                    HStack(spacing: 2.7) {
+                    HStack(spacing: 6.7) {
+                        Image("ic_heart_pink")
+                            .resizable()
+                            .frame(width: 12, height: 12)
+                        
+                        Text("\(totalHeart)")
+                            .font(.custom(Font.medium.rawValue, size: 12))
+                            .foregroundColor(.graybb)
+                    }
+                    .padding(.horizontal, 11)
+                    .padding(.vertical, 5.3)
+                    .overlay(
+                        RoundedRectangle(cornerRadius: 5.3)
+                            .stroke(Color.graybb, lineWidth: 1)
+                    )
+                    
+                    HStack(spacing: 6.7) {
                         Image("ic_can")
                             .resizable()
                             .frame(width: 12, height: 12)
@@ -217,6 +234,7 @@ struct LiveRoomInfoHostView_Previews: PreviewProvider {
     static var previews: some View {
         LiveRoomInfoHostView(
             title: "오늘의 라이브방송은 OOO입니다.",
+            totalHeart: 1234,
             totalDonationCan: 123456,
             participantsCount: 18,
             isOnBg: true,