공통 Compose 컴포넌트 구조 개선

core/designsystem/src/main/java/com/goalpanzi/mission_mate/core/designsystem/theme/component/AppTopBar.kt → core/designsystem/src/main/java/com/goalpanzi/mission_mate/core/designsystem/component/AppTopBar.kt

@@ -1,4 +1,4 @@
-package com.goalpanzi.mission_mate.core.designsystem.theme.component
+package com.goalpanzi.mission_mate.core.designsystem.component
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -127,4 +127,4 @@ fun AppTopBarNonePreview() {
             }
         }
     )
-}
+}

feature/onboarding/src/main/java/com/goalpanzi/mission_mate/feature/onboarding/component/OutlinedBox.kt → core/designsystem/src/main/java/com/goalpanzi/mission_mate/core/designsystem/component/Chip.kt

@@ -1,4 +1,4 @@
-package com.goalpanzi.mission_mate.feature.onboarding.component
+package com.goalpanzi.mission_mate.core.designsystem.component
 
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.background
@@ -7,12 +7,10 @@ import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material3.Button
 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.graphics.Shape
 import androidx.compose.ui.text.TextStyle
@@ -24,7 +22,7 @@ import com.goalpanzi.mission_mate.core.designsystem.theme.ColorWhite_FFFFFFFF
 import com.goalpanzi.mission_mate.core.designsystem.theme.MissionMateTypography
 
 @Composable
-fun OutlinedTextBox(
+fun OutlinedTextChip(
     text: String,
     modifier: Modifier = Modifier,
     borderStroke: BorderStroke = BorderStroke(1.dp, ColorOrange_FFFF5732),
@@ -48,7 +46,7 @@ fun OutlinedTextBox(
 }
 
 @Composable
-fun OutlinedBox(
+fun OutlinedChip(
     modifier: Modifier = Modifier,
     backgroundColor: Color = ColorGray1_FF404249,
     borderStroke: BorderStroke = BorderStroke((0.5f).dp, ColorWhite_FFFFFFFF),
@@ -70,7 +68,7 @@ fun OutlinedBox(
 @Preview
 @Composable
 private fun PreviewOutlinedBox() {
-    OutlinedBox {
+    OutlinedChip {
         Text("test")
     }
-}
+}

feature/onboarding/src/main/java/com/goalpanzi/mission_mate/feature/onboarding/component/StableImage.kt → core/designsystem/src/main/java/com/goalpanzi/mission_mate/core/designsystem/component/Image.kt

@@ -1,4 +1,4 @@
-package com.goalpanzi.mission_mate.feature.onboarding.component
+package com.goalpanzi.mission_mate.core.designsystem.component
 
 import androidx.annotation.DrawableRes
 import androidx.compose.foundation.Image
@@ -21,4 +21,4 @@ fun StableImage (
         contentScale = contentScale,
         contentDescription = description
     )
-}
+}

core/ui/build.gradle.kts

@@ -57,4 +57,5 @@ dependencies {
     implementation(libs.hilt.android)
     ksp(libs.hilt.compiler)
 
+    implementation(project(":core:designsystem"))
 }

feature/onboarding/src/main/java/com/goalpanzi/mission_mate/feature/onboarding/component/InvitationCodeTextField.kt → core/ui/src/main/java/com/goalpanzi/mission_mate/core/ui/component/InvitationCodeTextField.kt

@@ -1,14 +1,12 @@
-package com.goalpanzi.mission_mate.feature.onboarding.component
+package com.goalpanzi.mission_mate.core.ui.component
 
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.wrapContentSize
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.foundation.text.KeyboardActions
@@ -32,7 +30,6 @@ import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorDisabled_FFB3B3B3
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorGray1_FF404249
-import com.goalpanzi.mission_mate.core.designsystem.theme.ColorGray3_FF727484
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorGray4_FFE5E5E5
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorGray5_FFF5F6F9
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorRed_FFFF5858
@@ -114,4 +111,4 @@ fun InvitationCodeTextField(
 
         }
     )
-}
+}

feature/board/build.gradle.kts

@@ -71,6 +71,6 @@ dependencies {
     implementation(project(":core:domain:setting"))
     implementation(project(":core:domain:mission"))
     implementation(project(":core:domain:common"))
-
+    implementation(project(":core:ui"))
     implementation(project(":feature:onboarding"))
 }

feature/board/src/main/java/com/goalpanzi/mission_mate/feature/board/component/Block.kt

@@ -17,7 +17,7 @@ import com.goalpanzi.mission_mate.core.designsystem.theme.MissionMateTypography
 import com.goalpanzi.mission_mate.feature.board.R
 import com.goalpanzi.mission_mate.feature.board.model.BlockEventType
 import com.goalpanzi.mission_mate.feature.board.model.BlockType
-import com.goalpanzi.mission_mate.feature.onboarding.component.StableImage
+import com.goalpanzi.mission_mate.core.designsystem.component.StableImage
 
 @Composable
 fun Block(
@@ -139,4 +139,4 @@ fun BlockImage(
         )
     }
 
-}
+}

feature/board/src/main/java/com/goalpanzi/mission_mate/feature/board/component/BoardBottomView.kt

@@ -25,7 +25,7 @@ import com.goalpanzi.mission_mate.core.designsystem.theme.MissionMateTypography
 import com.goalpanzi.mission_mate.core.domain.mission.model.MissionDetail
 import com.goalpanzi.mission_mate.feature.board.R
 import com.goalpanzi.mission_mate.feature.board.model.MissionState
-import com.goalpanzi.mission_mate.feature.onboarding.component.StableImage
+import com.goalpanzi.mission_mate.core.designsystem.component.StableImage
 import com.goalpanzi.mission_mate.feature.onboarding.model.VerificationTimeType
 
 @Composable

feature/board/src/main/java/com/goalpanzi/mission_mate/feature/board/component/BoardTopStory.kt

@@ -30,13 +30,17 @@ import androidx.compose.ui.draw.paint
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import com.goalpanzi.mission_mate.core.designsystem.component.StableImage
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorGray1_FF404249
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorGray5_FFF5F6F9
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorOrange_FFFF5732
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorWhite_FFFFFFFF
 import com.goalpanzi.mission_mate.core.designsystem.theme.MissionMateTypography
+import com.goalpanzi.mission_mate.core.designsystem.theme.MissionmateTheme
 import com.goalpanzi.mission_mate.core.designsystem.theme.OrangeGradient_FFFF5F3C_FFFFAE50
+import com.goalpanzi.mission_mate.feature.board.model.CharacterUiModel
 import com.goalpanzi.mission_mate.feature.board.model.MissionState
 import com.goalpanzi.mission_mate.feature.board.model.UserStory
 
@@ -56,7 +60,6 @@ fun BoardTopStory(
             items(userList) { userStory ->
                 UserStoryItem(
                     userStory = userStory,
-                    missionState = missionState,
                     onClickStory = onClickStory
                 )
             }
@@ -76,19 +79,18 @@ fun BoardTopStory(
 @Composable
 fun UserStoryItem(
     userStory: UserStory,
-    missionState : MissionState,
+    onClickStory: (UserStory) -> Unit,
     modifier: Modifier = Modifier,
-    onClickStory: (UserStory) -> Unit
 ) {
     Box(
         modifier = modifier
             .height(98.dp)
             .widthIn(min = 70.dp),
         contentAlignment = Alignment.TopCenter
     ) {
-        Image(
-            painter = painterResource(id = userStory.characterUiModelType.imageId),
-            contentDescription = null,
+        StableImage(
+            drawableResId = userStory.characterUiModelType.imageId,
+            description = null,
             modifier = Modifier
                 .padding(top = 8.dp)
                 .height(64.dp)
@@ -105,7 +107,7 @@ fun UserStoryItem(
                     } else {
                         Modifier
                             .border(3.dp, ColorWhite_FFFFFFFF, CircleShape)
-                            .alpha(if(userStory.isMe) 1f else 0.5f)
+                            .alpha(if (userStory.isMe) 1f else 0.5f)
                     }
                 )
                 .paint(
@@ -151,3 +153,81 @@ fun UserStoryItem(
     }
 }
 
+@Preview
+@Composable
+private fun VerifiedUserStoryItemPreview() {
+    MissionmateTheme {
+        UserStoryItem(
+            userStory = UserStory(
+                nickname = "닉네임",
+                characterUiModelType = CharacterUiModel.CAT,
+                imageUrl = "",
+                isVerified = true,
+                verifiedAt = ""
+            ),
+            onClickStory = {
+
+            }
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun NotVerifiedUserStoryItemPreview() {
+    MissionmateTheme {
+        UserStoryItem(
+            userStory = UserStory(
+                nickname = "닉네임",
+                characterUiModelType = CharacterUiModel.CAT,
+                imageUrl = "",
+                isVerified = false,
+                verifiedAt = ""
+            ),
+            onClickStory = {
+
+            }
+        )
+    }
+}
+
+
+@Preview
+@Composable
+private fun MyVerifiedUserStoryItemPreview() {
+    MissionmateTheme {
+        UserStoryItem(
+            userStory = UserStory(
+                nickname = "닉네임",
+                characterUiModelType = CharacterUiModel.CAT,
+                imageUrl = "",
+                isVerified = true,
+                verifiedAt = "",
+                isMe = true
+            ),
+            onClickStory = {
+
+            }
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun MyNotVerifiedUserStoryItemPreview() {
+    MissionmateTheme {
+        UserStoryItem(
+            userStory = UserStory(
+                nickname = "닉네임",
+                characterUiModelType = CharacterUiModel.CAT,
+                imageUrl = "",
+                isVerified = false,
+                verifiedAt = "",
+                isMe = true
+            ),
+            onClickStory = {
+
+            }
+        )
+    }
+}

feature/board/src/main/java/com/goalpanzi/mission_mate/feature/board/component/BoardTopView.kt

@@ -22,12 +22,12 @@ import androidx.compose.ui.res.vectorResource
 import androidx.compose.ui.unit.dp
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorGray1_FF404249
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorWhite_FFFFFFFF
-import com.goalpanzi.mission_mate.core.designsystem.theme.component.MissionMateTopAppBar
-import com.goalpanzi.mission_mate.core.designsystem.theme.component.NavigationType
+import com.goalpanzi.mission_mate.core.designsystem.component.MissionMateTopAppBar
+import com.goalpanzi.mission_mate.core.designsystem.component.NavigationType
 import com.goalpanzi.mission_mate.feature.board.R
 import com.goalpanzi.mission_mate.feature.board.model.MissionState
 import com.goalpanzi.mission_mate.feature.board.model.UserStory
-import com.goalpanzi.mission_mate.feature.onboarding.component.StableImage
+import com.goalpanzi.mission_mate.core.designsystem.component.StableImage
 
 
 @SuppressLint("UnrememberedMutableInteractionSource")

feature/board/src/main/java/com/goalpanzi/mission_mate/feature/board/component/Piece.kt

@@ -14,18 +14,13 @@ import androidx.compose.foundation.layout.aspectRatio
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.layout.widthIn
 import androidx.compose.foundation.layout.wrapContentHeight
-import androidx.compose.foundation.layout.wrapContentSize
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.derivedStateOf
 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.draw.clip
@@ -40,8 +35,8 @@ import com.goalpanzi.mission_mate.core.designsystem.theme.MissionMateTypography
 import com.goalpanzi.mission_mate.feature.board.model.BoardPiece
 import com.goalpanzi.mission_mate.feature.board.model.BoardPieceType
 import com.goalpanzi.mission_mate.feature.board.util.PieceGenerator
-import com.goalpanzi.mission_mate.feature.onboarding.component.OutlinedBox
-import com.goalpanzi.mission_mate.feature.onboarding.component.StableImage
+import com.goalpanzi.mission_mate.core.designsystem.component.OutlinedChip
+import com.goalpanzi.mission_mate.core.designsystem.component.StableImage
 
 @Composable
 fun BoxScope.Piece(
@@ -151,7 +146,7 @@ fun PieceCountChip(
     modifier: Modifier = Modifier,
     textStyle : TextStyle = MissionMateTypography.body_md_bold
 ){
-    OutlinedBox(
+    OutlinedChip(
         modifier = modifier
     ){
         Row(
@@ -171,4 +166,4 @@ fun PieceCountChip(
         }
     }
 
-}
+}

feature/board/src/main/java/com/goalpanzi/mission_mate/feature/board/component/dialog/BoardEventDialog.kt

@@ -35,7 +35,7 @@ import com.goalpanzi.mission_mate.core.designsystem.theme.MissionMateTypography
 import com.goalpanzi.mission_mate.core.domain.mission.model.BoardReward
 import com.goalpanzi.mission_mate.feature.board.R
 import com.goalpanzi.mission_mate.feature.board.model.toEventType
-import com.goalpanzi.mission_mate.feature.onboarding.component.StableImage
+import com.goalpanzi.mission_mate.core.designsystem.component.StableImage
 
 @SuppressLint("UnrememberedMutableInteractionSource")
 @Composable

feature/board/src/main/java/com/goalpanzi/mission_mate/feature/board/component/InvitationCodeDialog.kt → feature/board/src/main/java/com/goalpanzi/mission_mate/feature/board/component/dialog/InvitationCodeDialog.kt

@@ -1,4 +1,4 @@
-package com.goalpanzi.mission_mate.feature.board.component
+package com.goalpanzi.mission_mate.feature.board.component.dialog
 
 import android.content.ClipData
 import android.content.ClipboardManager
@@ -25,7 +25,7 @@ import com.goalpanzi.mission_mate.core.designsystem.theme.ColorGray2_FF4F505C
 import com.goalpanzi.mission_mate.core.designsystem.theme.ColorOrange_FFFF5732
 import com.goalpanzi.mission_mate.core.designsystem.theme.MissionMateTypography
 import com.goalpanzi.mission_mate.feature.board.R
-import com.goalpanzi.mission_mate.feature.onboarding.component.InvitationCodeTextField
+import com.goalpanzi.mission_mate.core.ui.component.InvitationCodeTextField
 import com.goalpanzi.mission_mate.feature.onboarding.util.styledTextWithHighlights
 
 @Composable
@@ -120,4 +120,4 @@ private fun PreviewInvitationCodeDialog() {
         code = "ABCD",
         onDismissRequest = {}
     )
-}
+}

feature/board/src/main/java/com/goalpanzi/mission_mate/feature/board/component/RequestDeleteMissionDialog.kt → feature/board/src/main/java/com/goalpanzi/mission_mate/feature/board/component/dialog/RequestDeleteMissionDialog.kt

@@ -1,9 +1,8 @@
-package com.goalpanzi.mission_mate.feature.board.component
+package com.goalpanzi.mission_mate.feature.board.component.dialog
 
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.window.DialogProperties
 import com.goalpanzi.mission_mate.core.designsystem.component.MissionMateDialog
 import com.goalpanzi.mission_mate.feature.board.R
 
@@ -32,4 +31,4 @@ private fun PreviewRequestDeleteMissionDialog() {
         onDismissRequest = {}
     )
 
-}
+}