Merge pull request #330 from Project-Unifest/feat/star-image-placeholder

[feat] 연예인 이미지, 연예인 이미지 다이얼로그 Placeholder 추가

Author: easyhooon

core/designsystem/src/main/kotlin/com/unifest/android/core/designsystem/component/NetworkImage.kt

@@ -10,6 +10,7 @@ import androidx.compose.ui.platform.LocalInspectionMode
 import androidx.compose.ui.res.painterResource
 import com.skydoves.landscapist.ImageOptions
 import com.skydoves.landscapist.coil.CoilImage
+import com.skydoves.landscapist.coil.CoilImageState
 import com.skydoves.landscapist.components.rememberImageComponent
 import com.skydoves.landscapist.placeholder.placeholder.PlaceholderPlugin
 import com.unifest.android.core.designsystem.ComponentPreview
@@ -23,6 +24,7 @@ fun NetworkImage(
     modifier: Modifier = Modifier,
     placeholder: Painter? = null,
     contentScale: ContentScale = ContentScale.Crop,
+    onError: (Boolean) -> Unit = {},
 ) {
     if (LocalInspectionMode.current) {
         Image(
@@ -43,6 +45,11 @@ fun NetworkImage(
                 alignment = Alignment.Center,
                 contentDescription = contentDescription,
             ),
+            onImageStateChanged = { state ->
+                if (state is CoilImageState.Failure) {
+                    onError(true)
+                }
+            },
         )
     }
 }

core/designsystem/src/main/res/drawable/ic_star_placeholder.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="62dp"
+    android:height="62dp"
+    android:viewportWidth="62"
+    android:viewportHeight="62">
+  <path
+      android:pathData="M31,31m-31,0a31,31 0,1 1,62 0a31,31 0,1 1,-62 0"
+      android:fillColor="#E3E4EA"/>
+</vector>

feature/home/src/main/kotlin/com/unifest/android/feature/home/component/FestivalScheduleItem.kt

@@ -23,6 +23,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.vectorResource
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
@@ -126,10 +127,10 @@ internal fun FestivalScheduleItem(
 //                                onHomeUiAction(HomeUiAction.OnStarImageLongClick(scheduleIndex, starIndex))
 //                            },
 //                            isClicked = isStarImageClicked[starIndex],
-//                            label = starInfo.name,
                             modifier = Modifier
                                 .size(72.dp)
                                 .clip(CircleShape),
+                            placeholder = painterResource(id = designR.drawable.ic_star_placeholder),
                         )
                         Spacer(modifier = Modifier.width(10.dp))
                     }

feature/home/src/main/kotlin/com/unifest/android/feature/home/component/StarImage.kt

@@ -1,15 +1,23 @@
 package com.unifest.android.feature.home.component
 
 import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.background
 import androidx.compose.foundation.combinedClickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.painter.Painter
 import androidx.compose.ui.layout.ContentScale
 import com.unifest.android.core.designsystem.ComponentPreview
+import com.unifest.android.core.designsystem.component.AutoResizedText
 import com.unifest.android.core.designsystem.component.NetworkImage
+import com.unifest.android.core.designsystem.theme.Content9
 import com.unifest.android.core.designsystem.theme.UnifestTheme
 import com.unifest.android.core.model.StarInfoModel
 
@@ -20,12 +28,13 @@ fun StarImage(
     onClick: () -> Unit,
     // onLongClick: () -> Unit,
     // isClicked: Boolean,
-    // label: String,
     modifier: Modifier = Modifier,
     placeholder: Painter? = null,
     contentScale: ContentScale = ContentScale.Crop,
     contentDescription: String? = null,
 ) {
+    var isStarImageLoadError by remember { mutableStateOf(false) }
+
     Box(
         modifier = modifier
             .combinedClickable(
@@ -40,6 +49,7 @@ fun StarImage(
             placeholder = placeholder,
             contentScale = contentScale,
             contentDescription = contentDescription,
+            onError = { isError -> isStarImageLoadError = isError },
         )
 //        if (isClicked) {
 //            Box(
@@ -48,11 +58,23 @@ fun StarImage(
 //                    .background(Color.Black.copy(alpha = 0.6f)),
 //            )
 //            AutoResizedText(
-//                text = label,
+//                text = starInfo.name,
 //                color = Color.White,
 //                style = Content9,
 //            )
 //        }
+        if (starInfo.name.isEmpty() || isStarImageLoadError) {
+            Box(
+                modifier = Modifier
+                    .matchParentSize()
+                    .background(Color.Black.copy(alpha = 0.5f)),
+            )
+            AutoResizedText(
+                text = starInfo.name,
+                color = Color.White,
+                style = Content9,
+            )
+        }
     }
 }
 

feature/home/src/main/kotlin/com/unifest/android/feature/home/component/StarImageDialog.kt

@@ -18,6 +18,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalConfiguration
+import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.min
@@ -27,6 +28,7 @@ import com.unifest.android.core.designsystem.component.NetworkImage
 import com.unifest.android.core.designsystem.theme.Title2
 import com.unifest.android.core.designsystem.theme.UnifestTheme
 import com.unifest.android.core.model.StarInfoModel
+import com.unifest.android.core.designsystem.R as designR
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
@@ -62,6 +64,7 @@ internal fun StarImageDialog(
                 modifier = Modifier
                     .size(dialogSize)
                     .clip(CircleShape),
+                placeholder = painterResource(designR.drawable.ic_star_placeholder),
             )
             Spacer(modifier = Modifier.height(16.dp))
             Text(

gradle/libs.versions.toml

@@ -3,8 +3,8 @@
 minSdk = "26"
 targetSdk = "35"
 compileSdk = "35"
-versionCode = "33"
-versionName = "1.3.5"
+versionCode = "34"
+versionName = "1.3.6"
 packageName = "com.unifest.android"
 
 android-gradle-plugin = "8.8.2"