[IDLE-471] 말풍선 메세지가 너무 길 경우 더보기 버튼 추가 및 전체 채팅 보기 화면 추가

core/common-ui/binding/src/main/java/com/idle/binding/DeepLinkDestination.kt

@@ -29,7 +29,7 @@ sealed class DeepLinkDestination(
 
     data class Withdrawal(val userType: UserType) : DeepLinkDestination(
         addressRes = R.string.withdrawal_deeplink_url,
-        params = mapOf("userType" to userType.name),
+        params = mapOf("userType" to userType.apiValue),
     )
 
     data object NewPassword : DeepLinkDestination(
@@ -59,6 +59,11 @@ sealed class DeepLinkDestination(
         )
     )
 
+    data class SeeAllChat(val allChatContents: String) : DeepLinkDestination(
+        addressRes = R.string.chatting_see_all_chat_deeplink_url,
+        params = mapOf("allChatContents" to allChatContents)
+    )
+
     data class CenterSignIn(val toastMsg: String = "default") : DeepLinkDestination(
         addressRes = R.string.center_signin_deeplink_url,
         params = mapOf("toastMsg" to toastMsg)

core/designresource/src/main/res/drawable/ic_arrow_left_small.xml

@@ -1,12 +1,12 @@
 <vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="24dp"
-    android:height="24dp"
-    android:viewportWidth="24"
-    android:viewportHeight="24">
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M15,7L10,12L15,17"
-        android:strokeWidth="2"
-        android:strokeColor="#131417"
-        android:strokeLineCap="round" />
+    android:width="7dp"
+    android:height="12dp"
+    android:viewportWidth="7"
+    android:viewportHeight="12">
+  <path
+      android:strokeWidth="1"
+      android:pathData="M1,11L6,6L1,1"
+      android:fillColor="#00000000"
+      android:strokeColor="#4B515C"
+      android:strokeLineCap="round"/>
 </vector>

core/designresource/src/main/res/values/deeplinks.xml

@@ -7,6 +7,7 @@
     <string name="signup_complete_deeplink_url">care://signup/complete</string>
     <string name="new_password_deeplink_url">care://newPassword</string>
     <string name="chatting_detail_deeplink_url">care://chatting/detail/{chattingRoomId}/{receiverId}/{receiverUserType}/{senderId}</string>
+    <string name="chatting_see_all_chat_deeplink_url">care://chatting/seeallchat/{allChatContents}</string>
 
     <string name="worker_signup_deeplink_url">care://signup/worker</string>
     <string name="worker_home_deeplink_url">care://worker/home</string>

core/designsystem/compose/src/main/java/com/idle/designsystem/compose/component/ProgressBar.kt

@@ -1,6 +1,7 @@
 package com.idle.designsystem.compose.component
 
 import androidx.compose.animation.core.animateFloatAsState
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -50,7 +51,8 @@ fun CareProgressBar(
             modifier = Modifier
                 .padding(vertical = 10.dp)
                 .height(4.dp)
-                .weight(1f),
+                .weight(1f)
+                .background(CareTheme.colors.gray100),
         )
 
         Text(

core/domain/src/main/kotlin/com/idle/domain/model/error/HttpResponseException.kt

@@ -114,7 +114,7 @@ enum class ApiErrorCode(val serverCode: String, val description: String, val dis
     InternalServerError(
         "SYSTEM-001",
         "서버 내 모든 시스템 내부 에러를 포함합니다. 특히 시스템 내에서 처리하지 못한 예외가 존재하는 경우에도 발생할 수 있습니다.",
-        "서버 내부 오류입니다."
+        "서버 내부 오류입니다. 잠시 후 다시 시도해 주세요."
     ),
 
     // JWT Errors

core/domain/src/main/kotlin/com/idle/domain/usecase/chatting/GetChatMessagesUseCase.kt

@@ -52,7 +52,12 @@ class GetChatMessagesUseCase @Inject constructor() {
                 roomId = "room1",
                 senderId = "user1",
                 senderType = SenderType.USER,
-                contents = listOf(Content(type = ContentType.TEXT, value = "감사합니다! 친절한 답변 감사합니다.")),
+                contents = listOf(
+                    Content(
+                        type = ContentType.TEXT,
+                        value = "감사합니다! 친절한 답변 감사합니다. 감사합니다! 친절한 답변 감사합니다.감사합니다! 친절한 답변 감사합니다.감사합니다! 친절한 답변 감사합니다.감사합니다! 친절한 답변 감사합니다.감사합니다! 친절한 답변 감사합니다.감사합니다! 친절한 답변 감사합니다.감사합니다! 친절한 답변 감사합니다.감사합니다! 친절한 답변 감사합니다.감사합니다! 친절한 답변 감사합니다.감사합니다! 친절한 답변 감사합니다.감사합니다! 친절한 답변 감사합니다."
+                    )
+                ),
                 createdAt = LocalDateTime.now().minusMinutes(1)
             )
         )

core/domain/src/main/kotlin/com/idle/domain/usecase/chatting/GetChatRoomListUseCase.kt

@@ -57,7 +57,57 @@ class GetChatRoomListUseCase @Inject constructor(
                 lastSentAt = LocalDateTime.now().minusDays(3),
                 unReadMessageCount = 0,
                 profileImageUrl = "https://cdn.pixabay.com/photo/2020/05/17/20/21/cat-5183427_1280.jpg",
-            )
+            ),
+            ChatRoom(
+                id = "6",
+                sender = "user9",
+                receiver = "user10",
+                createdAt = LocalDateTime.now().minusWeeks(1),
+                lastMessage = "다음 주에 봐요!",
+                lastSentAt = LocalDateTime.now().minusDays(3),
+                unReadMessageCount = 0,
+                profileImageUrl = "https://cdn.pixabay.com/photo/2020/05/17/20/21/cat-5183427_1280.jpg",
+            ),
+            ChatRoom(
+                id = "7",
+                sender = "user9",
+                receiver = "user10",
+                createdAt = LocalDateTime.now().minusWeeks(1),
+                lastMessage = "다음 주에 봐요!",
+                lastSentAt = LocalDateTime.now().minusDays(3),
+                unReadMessageCount = 0,
+                profileImageUrl = "https://cdn.pixabay.com/photo/2020/05/17/20/21/cat-5183427_1280.jpg",
+            ),
+            ChatRoom(
+                id = "8",
+                sender = "user9",
+                receiver = "user10",
+                createdAt = LocalDateTime.now().minusWeeks(1),
+                lastMessage = "다음 주에 봐요!",
+                lastSentAt = LocalDateTime.now().minusDays(3),
+                unReadMessageCount = 0,
+                profileImageUrl = "https://cdn.pixabay.com/photo/2020/05/17/20/21/cat-5183427_1280.jpg",
+            ),
+            ChatRoom(
+                id = "9",
+                sender = "user9",
+                receiver = "user10",
+                createdAt = LocalDateTime.now().minusWeeks(1),
+                lastMessage = "다음 주에 봐요!",
+                lastSentAt = LocalDateTime.now().minusDays(3),
+                unReadMessageCount = 0,
+                profileImageUrl = "https://cdn.pixabay.com/photo/2020/05/17/20/21/cat-5183427_1280.jpg",
+            ),
+            ChatRoom(
+                id = "10",
+                sender = "user9",
+                receiver = "user10",
+                createdAt = LocalDateTime.now().minusWeeks(1),
+                lastMessage = "다음 주에 봐요!",
+                lastSentAt = LocalDateTime.now().minusDays(3),
+                unReadMessageCount = 0,
+                profileImageUrl = "https://cdn.pixabay.com/photo/2020/05/17/20/21/cat-5183427_1280.jpg",
+            ),
         )
     )
 }

feature/center/applicant-inquiry/src/main/java/com/tgyuu/applicant/inquiry/ApplicantInquiryFragment.kt

@@ -13,6 +13,7 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.Card
@@ -96,6 +97,8 @@ internal fun ApplicantInquiryScreen(
         },
         containerColor = CareTheme.colors.white000,
     ) { paddingValues ->
+        val listState = rememberLazyListState()
+
         Column(
             modifier = Modifier
                 .padding(paddingValues)
@@ -110,6 +113,7 @@ internal fun ApplicantInquiryScreen(
             )
 
             LazyColumn(
+                state = listState,
                 horizontalAlignment = Alignment.Start,
                 verticalArrangement = Arrangement.spacedBy(space = 8.dp),
                 modifier = Modifier.padding(horizontal = 20.dp),

feature/center/chatting/src/main/java/com/idle/center/chatting/CenterChattingFragment.kt

@@ -4,13 +4,18 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxHeight
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.widthIn
+import androidx.compose.foundation.layout.wrapContentWidth
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.Scaffold
@@ -73,6 +78,8 @@ internal fun CenterChattingScreen(
     chatRoomList: List<ChatRoom>?,
     navigateTo: (DeepLinkDestination) -> Unit,
 ) {
+    val listState = rememberLazyListState()
+
     Scaffold(
         topBar = {
             CareHeadingTopBar(
@@ -115,9 +122,10 @@ internal fun CenterChattingScreen(
                     }
                 } else {
                     LazyColumn(
+                        state = listState,
                         modifier = Modifier
                             .fillMaxSize()
-                            .padding(top = 20.dp, bottom = 36.dp),
+                            .padding(top = 20.dp),
                     ) {
                         items(
                             items = chatRoomList,
@@ -128,6 +136,14 @@ internal fun CenterChattingScreen(
                                 navigateTo = navigateTo,
                             )
                         }
+
+                        item {
+                            Spacer(
+                                modifier = Modifier
+                                    .fillMaxWidth()
+                                    .height(36.dp),
+                            )
+                        }
                     }
                 }
             } ?: LoadingCircle(modifier = Modifier.align(Alignment.Center))
@@ -157,7 +173,7 @@ internal fun ChatRoomItem(
                     DeepLinkDestination.ChattingDetail(
                         chattingRoomId = chatRoom.id,
                         receiverId = chatRoom.receiver,
-                        receiverUserType = UserType.CENTER.apiValue,
+                        receiverUserType = UserType.WORKER.apiValue,
                         senderId = chatRoom.sender,
                     )
                 )
@@ -228,7 +244,9 @@ internal fun ChatRoomItem(
 
                     Box(
                         modifier = Modifier
-                            .size(22.dp)
+                            .height(22.dp)
+                            .wrapContentWidth()
+                            .widthIn(min = 22.dp)
                             .clip(RoundedCornerShape(300.dp))
                             .background(unReadMessageColor),
                     ) {
@@ -238,7 +256,9 @@ internal fun ChatRoomItem(
                             style = CareTheme.typography.caption1.copy(fontWeight = FontWeight.Bold),
                             color = CareTheme.colors.white000,
                             textAlign = TextAlign.Center,
-                            modifier = Modifier.align(Alignment.Center),
+                            modifier = Modifier
+                                .padding(horizontal = 6.dp)
+                                .align(Alignment.Center),
                         )
                     }
                 }

feature/center/home/src/main/java/com/idle/center/home/CenterHomeFragment.kt

@@ -225,7 +225,7 @@ internal fun CenterHomeScreen(
                                         Spacer(
                                             modifier = Modifier
                                                 .fillMaxWidth()
-                                                .height(28.dp)
+                                                .height(36.dp),
                                         )
                                     }
                                 }
@@ -262,7 +262,7 @@ internal fun CenterHomeScreen(
                                         Spacer(
                                             modifier = Modifier
                                                 .fillMaxWidth()
-                                                .height(80.dp)
+                                                .height(36.dp),
                                         )
                                     }
                                 }

feature/chatting-detail/src/main/java/com/idle/chatting_detail/ChattingDetailFragment.kt

@@ -13,6 +13,7 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.itemsIndexed
+import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
@@ -29,6 +30,8 @@ import androidx.lifecycle.compose.LifecycleEventEffect
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import androidx.navigation.fragment.findNavController
 import androidx.navigation.fragment.navArgs
+import com.idle.binding.DeepLinkDestination
+import com.idle.binding.NavigationEvent
 import com.idle.chatting_detail.component.CareChatReceiverTextBubble
 import com.idle.chatting_detail.component.CareChatSenderTextBubble
 import com.idle.chatting_detail.component.CareChatSenderTextBubbleWithImage
@@ -77,6 +80,7 @@ internal class ChattingDetailFragment : BaseComposeFragment() {
                     writingText = writingText,
                     chatMessages = chatMessages!!,
                     onWritingTextChange = ::setWritingText,
+                    navigateTo = { navigationHelper.navigateTo(NavigationEvent.NavigateTo(it)) },
                     navigateUp = { findNavController().navigateUp() }
                 )
             } else {
@@ -97,9 +101,11 @@ internal fun ChattingDetailScreen(
     writingText: String,
     chatMessages: List<ChatMessage>,
     onWritingTextChange: (String) -> Unit,
+    navigateTo: (DeepLinkDestination) -> Unit,
     navigateUp: () -> Unit,
 ) {
     val focusManager = LocalFocusManager.current
+    val listState = rememberLazyListState()
     var lastDate: String? = null
 
     Scaffold(
@@ -121,6 +127,7 @@ internal fun ChattingDetailScreen(
                 .padding(paddingValue),
         ) {
             LazyColumn(
+                state = listState,
                 modifier = Modifier
                     .fillMaxWidth()
                     .weight(1f)
@@ -145,10 +152,8 @@ internal fun ChattingDetailScreen(
                     } else {
                         true
                     }
-
                     val padding = PaddingValues(bottom = if (isLast) 16.dp else 6.dp)
 
-
                     val messageDate = chatMessage.createdAt.formatYearMonthDate()
                     val showDate = lastDate != messageDate
                     if (showDate) {
@@ -173,6 +178,7 @@ internal fun ChattingDetailScreen(
                         CareChatReceiverTextBubble(
                             chatMessage = chatMessage,
                             isLast = isLast,
+                            onSeeAllChatClicked = { navigateTo(DeepLinkDestination.SeeAllChat(it)) },
                             modifier = Modifier.padding(padding),
                         )
                     } else {
@@ -193,14 +199,17 @@ internal fun ChattingDetailScreen(
                                     UserType.CENTER -> workerProfile.workerName
                                     UserType.WORKER -> centerProfile.centerName
                                 },
-                                chatMessage = chatMessage, isLast = isLast,
+                                chatMessage = chatMessage,
+                                isLast = isLast,
+                                onSeeAllChatClicked = { navigateTo(DeepLinkDestination.SeeAllChat(it)) },
                                 modifier = Modifier.padding(padding),
                             )
                         } else {
                             CareChatSenderTextBubble(
                                 chatMessage = chatMessage,
                                 isLast = isLast,
                                 isRead = isLast,
+                                onSeeAllChatClicked = { navigateTo(DeepLinkDestination.SeeAllChat(it)) },
                                 modifier = Modifier.padding(padding),
                             )
                         }

feature/chatting-detail/src/main/java/com/idle/chatting_detail/ChattingDetailViewModel.kt

@@ -1,6 +1,7 @@
 package com.idle.chatting_detail
 
 import androidx.lifecycle.viewModelScope
+import com.idle.binding.NavigationHelper
 import com.idle.binding.base.BaseViewModel
 import com.idle.domain.model.auth.UserType
 import com.idle.domain.model.chatting.ChatMessage
@@ -28,6 +29,7 @@ class ChattingDetailViewModel @Inject constructor(
     private val getChatMessagesUseCase: GetChatMessagesUseCase,
     private val subscribeChatMessageUseCase: SubscribeChatMessageUseCase,
     private val errorHandlerHelper: ErrorHandler,
+    val navigationHelper: NavigationHelper,
 ) : BaseViewModel() {
     private val _writingText = MutableStateFlow<String>("")
     val writingText = _writingText.asStateFlow()