[Feat/#35] 분철팟 상세 뷰 UI 구현 (#39)

* [feat/#35] 헤더 컴포넌트 구현

* [feat/#35] 분철팟 상세 뷰 UI 구현

* [feat/#35] 분철팟 상세 뷰 UI 구현

* [feat/#35] 이미지 비율 수정

* [feat/#35] 내비게이션 연결

* [feat/#35] 패키지 분리

* [feat/#35] 내비게이션 파라미터 수정

* [feat/#35] 코리 반영

* [feat/#35] 내비 수정

* [feat/#35] 주석 수정

* [feat/#35] 뷰모델 연결

Author: jyvnee

app/src/main/java/com/poti/android/core/common/extension/IntExt.kt

@@ -0,0 +1,8 @@
+package com.poti.android.core.common.extension
+
+import java.text.DecimalFormat
+
+fun Int.toMoneyString(): String {
+    val decimalFormat = DecimalFormat("#,###")
+    return decimalFormat.format(this)
+}

app/src/main/java/com/poti/android/core/designsystem/component/display/PotiProfileSummary.kt

@@ -8,20 +8,18 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
-import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
-import coil.compose.SubcomposeAsyncImage
+import coil.compose.AsyncImage
 import com.poti.android.R
 import com.poti.android.core.designsystem.theme.PotiTheme
 import com.poti.android.core.designsystem.theme.PotiTheme.colors
@@ -34,7 +32,7 @@ enum class PotiProfileSummarySize(val profilePicSize: Dp) {
 
 @Composable
 fun PotiProfileSummary(
-    profileImageUrl: String,
+    profileImageUrl: String?,
     nickname: String,
     sizeType: PotiProfileSummarySize,
     rating: String,
@@ -46,25 +44,15 @@ fun PotiProfileSummary(
         horizontalArrangement = Arrangement.spacedBy(8.dp),
         verticalAlignment = Alignment.CenterVertically,
     ) {
-        SubcomposeAsyncImage(
+        AsyncImage(
             model = profileImageUrl,
             contentDescription = null,
             contentScale = ContentScale.Crop,
             modifier = Modifier
                 .size(sizeType.profilePicSize)
                 .clip(RoundedCornerShape(99.dp)),
-            // TODO: [천민재] 에셋 추가시 구현
-            loading = {
-                // TODO: [천민재] 임시 이미지
-                Icon(
-                    painter = painterResource(id = R.drawable.ic_member),
-                    tint = Color.Black,
-                    contentDescription = null,
-                )
-            },
-            // TODO: [천민재] 에셋 추가시 구현
-            error = {
-            },
+            placeholder = painterResource(id = R.drawable.ic_member),
+            error = painterResource(id = R.drawable.ic_member),
         )
 
         when (sizeType) {

app/src/main/java/com/poti/android/core/designsystem/component/navigation/PotiBottomButton.kt

@@ -9,6 +9,7 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import com.poti.android.core.common.util.screenWidthDp
 import com.poti.android.core.designsystem.component.button.ActionButtonType
 import com.poti.android.core.designsystem.component.button.PotiActionButton
 import com.poti.android.core.designsystem.theme.PotiTheme
@@ -24,7 +25,7 @@ fun PotiBottomButton(
     Row(
         modifier = modifier
             .background(PotiTheme.colors.white)
-            .padding(horizontal = 16.dp)
+            .padding(horizontal = screenWidthDp(16.dp))
             .padding(top = 4.dp, bottom = 16.dp),
         horizontalArrangement = Arrangement.spacedBy(8.dp),
     ) {

app/src/main/java/com/poti/android/core/designsystem/component/navigation/PotiHeaderPage.kt

@@ -13,6 +13,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.em
 import com.poti.android.R
+import com.poti.android.core.common.util.screenWidthDp
 import com.poti.android.core.designsystem.component.button.PotiIconButton
 import com.poti.android.core.designsystem.theme.PotiTheme
 
@@ -27,7 +28,7 @@ fun PotiHeaderPage(
     Row(
         modifier = modifier
             .background(PotiTheme.colors.white)
-            .padding(4.dp),
+            .padding(horizontal = screenWidthDp(4.dp), vertical = 4.dp),
         verticalAlignment = Alignment.CenterVertically,
         horizontalArrangement = Arrangement.spacedBy(8.dp),
     ) {

app/src/main/java/com/poti/android/core/designsystem/component/navigation/PotiHeaderPrimary.kt

@@ -18,6 +18,7 @@ import androidx.compose.ui.res.vectorResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.poti.android.R
+import com.poti.android.core.common.util.screenWidthDp
 import com.poti.android.core.designsystem.component.button.PotiIconButton
 import com.poti.android.core.designsystem.theme.PotiTheme
 
@@ -33,7 +34,7 @@ fun PotiHeaderPrimary(
     Row(
         modifier = modifier
             .background(PotiTheme.colors.white)
-            .padding(start = 20.dp, end = 4.dp)
+            .padding(start = screenWidthDp(20.dp), end = screenWidthDp(4.dp))
             .padding(vertical = 4.dp),
         verticalAlignment = Alignment.CenterVertically,
     ) {

app/src/main/java/com/poti/android/domain/model/delivery/DeliveryOption.kt

@@ -0,0 +1,7 @@
+package com.poti.android.domain.model.delivery
+
+data class DeliveryOption(
+    val deliveryId: Long, // 배송 방식 ID
+    val name: String, // 배송 방식
+    val price: Int, // 배송비
+)

app/src/main/java/com/poti/android/domain/model/party/Participant.kt

@@ -0,0 +1,9 @@
+package com.poti.android.domain.model.party
+
+data class Participant(
+    val userId: Long, // 참여자 유저 ID
+    val nickname: String, // 참여자 닉네임
+    val profileImage: String?, // 참여자 프로필 이미지 (없으면 null)
+    val rating: Double, // 참여자 평점
+    val selectedMembers: List<String>, // 선점한 멤버 목록
+)

app/src/main/java/com/poti/android/domain/model/party/PartyDetail.kt

@@ -0,0 +1,24 @@
+package com.poti.android.domain.model.party
+
+import com.poti.android.domain.model.delivery.DeliveryOption
+import com.poti.android.domain.model.user.UserSummary
+import com.poti.android.domain.type.PartyStatusType
+
+data class PartyDetail(
+    val postId: Long, // 분철글 고유 ID
+    val isMyPost: Boolean, // 본인 작성 글 여부
+    val status: PartyStatusType, // 모집 상태
+    val artist: String, // 아티스트 그룹명
+    val artistId: Long, // 아티스트 아이디
+    val title: String, // 분철글 제목
+    val price: Int, // 1인당 가격 (원)
+    val uploadTime: String, // 업로드 시간 (예: "4시간 전")
+    val deadline: String, // 모집 마감일
+    val images: List<PartyImage>, // 상품 이미지 리스트
+    val content: String, // 분철글 본문 내용
+    val deliveryOptions: List<DeliveryOption>, // 배송 방법 리스트
+    val userSummary: UserSummary, // 총대(작성자) 정보
+    val currentCount: Int, // 현재 참여 인원 수
+    val totalCount: Int, // 총 모집 인원 수
+    val participants: List<Participant>, // 참여자 정보 리스트
+)

app/src/main/java/com/poti/android/domain/model/party/PartyImage.kt

@@ -0,0 +1,6 @@
+package com.poti.android.domain.model.party
+
+data class PartyImage(
+    val sortOrder: Int, // 이미지 노출 순서
+    val imageUrl: String, // 이미지 S3 URL
+)

app/src/main/java/com/poti/android/domain/model/user/UserSummary.kt

@@ -0,0 +1,9 @@
+package com.poti.android.domain.model.user
+
+data class UserSummary(
+    val userId: Long, // 총대 유저 ID
+    val nickname: String, // 총대 닉네임
+    val profileImage: String?, // 총대 프로필 이미지 (없으면 null)
+    val rating: Double, // 총대 매너 온도/평점
+    val reviewCount: Int, // 총대가 받은 거래 후기 수
+)