라이브 방

- 채팅창 너비 축소
- 오른쪽 하단 옵션 버튼 baseline이 채팅창 baseline과 동일하게 설정

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

@@ -16,23 +16,15 @@ struct LiveRoomInputChatView: View {
     
     var body: some View {
         HStack(spacing: 6.7) {
-            TextField("채팅을 입력하세요", text: $chatMessage)
-                .autocapitalization(.none)
-                .disableAutocorrection(true)
-                .font(.custom(Font.medium.rawValue, size: 13.3))
-                .foregroundColor(.graybb)
-                .accentColor(.button)
-                .keyboardType(.default)
-                .padding(.horizontal, 13.3)
-                .padding(.vertical, 18.3)
-                .background(Color.gray22)
-                .cornerRadius(5.3)
-                .frame(maxWidth: .infinity)
-                .overlay(
-                    RoundedRectangle(cornerRadius: 5.3)
-                        .strokeBorder(lineWidth: 1)
-                        .foregroundColor(.gray77)
-                )
+            ChatTextFieldView(text: $chatMessage, placeholder: "채팅을 입력하세요") {
+                if sendMessage(chatMessage) {
+                    chatMessage = ""
+                }
+            }
+            .padding(.horizontal, 13.3)
+            .padding(.vertical, 18.3)
+            .fixedSize(horizontal: false, vertical: true)
+            .frame(maxWidth: .infinity)
             
             Image("btn_message_send")
                 .resizable()
@@ -44,6 +36,13 @@ struct LiveRoomInputChatView: View {
                     }
                 }
         }
+        .background(Color.gray22)
+        .cornerRadius(5.3)
+        .overlay(
+            RoundedRectangle(cornerRadius: 5.3)
+                .strokeBorder(lineWidth: 1)
+                .foregroundColor(.gray77)
+        )
         .padding(13.3)
     }
 }