[refactor]: alias color, category color 수정 (#81)

Author: Nico1eKim

app/src/main/java/com/texthip/thip/data/model/rooms/response/RoomsPlayingResponse.kt

@@ -12,6 +12,7 @@ data class RoomsPlayingResponse(
     val progressStartDate: String,
     val progressEndDate: String,
     val category: String,
+    val categoryColor: String,
     val roomDescription: String,
     val memberCount: Int,
     val recruitCount: Int,

app/src/main/java/com/texthip/thip/data/model/rooms/response/RoomsUsersResponse.kt

@@ -12,6 +12,7 @@ data class UserList(
     val userId: Int,
     val nickname: String,
     val imageUrl: String,
+    val aliasColor: String,
     val aliasName: String,
     val followerCount: Int,
 )

app/src/main/java/com/texthip/thip/ui/common/header/ProfileBar.kt

@@ -32,7 +32,7 @@ fun ProfileBar(
     profileImage: String,
     topText: String,
     bottomText: String,
-    bottomTextColor: Color = colors.NeonGreen, // todo: 서버에서 색 보내주는걸로 받기?
+    bottomTextColor: Color = colors.NeonGreen,
     showSubscriberInfo: Boolean,
     subscriberCount: Int = 0,
     hoursAgo: String = "",

app/src/main/java/com/texthip/thip/ui/group/room/component/GroupRoomHeader.kt

@@ -26,7 +26,7 @@ import androidx.compose.ui.unit.dp
 import com.texthip.thip.R
 import com.texthip.thip.ui.theme.ThipTheme.colors
 import com.texthip.thip.ui.theme.ThipTheme.typography
-import com.texthip.thip.utils.type.GenreColor
+import com.texthip.thip.utils.color.hexToColor
 
 @Composable
 fun GroupRoomHeader(
@@ -37,12 +37,9 @@ fun GroupRoomHeader(
     progressEndDate: String,
     memberCount: Int,
     category: String,
-    color: String = "RED", // TODO: 서버에서 색상 추가해주면 수정,
+    categoryColor: String = "#A0F8E8",
     onNavigateToMates: () -> Unit = { }
 ) {
-    val categoryColorEnum = GenreColor.fromString(color)
-    val categoryColor = categoryColorEnum.colorProvider()
-
     Column(
         modifier = Modifier.padding(horizontal = 20.dp)
     ) {
@@ -176,7 +173,7 @@ fun GroupRoomHeader(
                 Text(
                     text = category,
                     style = typography.info_m500_s12,
-                    color = categoryColor
+                    color = hexToColor(categoryColor)
                 )
             }
         }

app/src/main/java/com/texthip/thip/ui/group/room/component/GroupRoomMatesList.kt

@@ -13,6 +13,7 @@ import com.texthip.thip.data.model.rooms.response.RoomsUsersResponse
 import com.texthip.thip.data.model.rooms.response.UserList
 import com.texthip.thip.ui.common.header.ProfileBar
 import com.texthip.thip.ui.theme.ThipTheme.colors
+import com.texthip.thip.utils.color.hexToColor
 
 @Composable
 fun GroupRoomMatesList(
@@ -31,8 +32,7 @@ fun GroupRoomMatesList(
                 profileImage = member.imageUrl,
                 topText = member.nickname,
                 bottomText = member.aliasName,
-//                bottomTextColor = member.aliasColor,
-                bottomTextColor = colors.ScienceIt, // TODO: 서버에서 보내주는 색상으로 수정
+                bottomTextColor = hexToColor(member.aliasColor),
                 showSubscriberInfo = true,
                 subscriberCount = member.followerCount
             ) { onUserClick(member.userId) }
@@ -58,13 +58,15 @@ private fun GroupRoomMatesListPreview() {
                         userId = 1,
                         nickname = "김희용",
                         aliasName = "문학가",
+                        aliasColor= "#A0F8E8",
                         imageUrl = "https://example.com/image1.jpg",
                         followerCount = 100
                     ),
                     UserList(
                         userId = 2,
                         nickname = "노성준",
                         aliasName = "문학가",
+                        aliasColor= "#A0F8E8",
                         imageUrl = "https://example.com/image1.jpg",
                         followerCount = 100
                     ),

app/src/main/java/com/texthip/thip/ui/group/room/screen/GroupRoomMatesScreen.kt

@@ -104,13 +104,15 @@ private fun GroupRoomMatesScreenPreview() {
                         userId = 1,
                         nickname = "김희용",
                         aliasName = "문학가",
+                        aliasColor = "#A0F8E8",
                         imageUrl = "https://example.com/image1.jpg",
                         followerCount = 100
                     ),
                     UserList(
                         userId = 2,
                         nickname = "노성준",
                         aliasName = "문학가",
+                        aliasColor = "#A0F8E8",
                         imageUrl = "https://example.com/image1.jpg",
                         followerCount = 100
                     ),

app/src/main/java/com/texthip/thip/ui/group/room/screen/GroupRoomScreen.kt

@@ -162,7 +162,8 @@ fun GroupRoomContent(
                     progressStartDate = roomDetails.progressStartDate,
                     progressEndDate = roomDetails.progressEndDate,
                     memberCount = roomDetails.memberCount,
-                    category = roomDetails.category
+                    category = roomDetails.category,
+                    categoryColor = roomDetails.categoryColor,
                 ) {
                     onNavigateToMates()
                 }
@@ -282,6 +283,7 @@ private fun GroupRoomScreenPreview() {
                 progressStartDate = "2023.10.01",
                 progressEndDate = "2023.10.31",
                 category = "문학",
+                categoryColor = "#A0F8E8",
                 roomDescription = "‘시집만 읽는 사람들’ 3월 모임입니다.",
                 memberCount = 22,
                 recruitCount = 30,