[refactor]: 내 기록은 pin할 수 있도록 수정 (#50)

Author: Nico1eKim

app/src/main/java/com/texthip/thip/ui/group/note/component/TextCommentCard.kt

@@ -29,10 +29,12 @@ fun TextCommentCard(
     modifier: Modifier = Modifier,
     data: GroupNoteRecord,
     onCommentClick: () -> Unit = {},
-    onLongPress: () -> Unit = {}
+    onLongPress: () -> Unit = {},
+    onPinClick: () -> Unit = {}
 ) {
     var isLiked by remember { mutableStateOf(data.isLiked) }
     val isLocked = data.isLocked
+    val isWriter = data.isWriter
 
     Column(
         modifier = modifier
@@ -65,12 +67,16 @@ fun TextCommentCard(
             isLiked = isLiked,
             likeCount = data.likeCount,
             commentCount = data.commentCount,
+            isPinVisible = isWriter,
             onLikeClick = {
                 if (!isLocked) isLiked = !isLiked
             },
             onCommentClick = {
                 if (!isLocked) onCommentClick()
             },
+            onPinClick = {
+                if (!isLocked) onPinClick()
+            }
         )
     }
 }

app/src/main/java/com/texthip/thip/ui/group/note/component/VoteCommentCard.kt

@@ -31,14 +31,16 @@ fun VoteCommentCard(
     modifier: Modifier = Modifier,
     data: GroupNoteVote,
     onCommentClick: () -> Unit = {},
-    onLongPress: () -> Unit = {}
+    onLongPress: () -> Unit = {},
+    onPinClick: () -> Unit = {}
 ) {
     var isLiked by remember { mutableStateOf(data.isLiked) }
     var selected by remember { mutableStateOf<Int?>(null) }
     var voteItems by remember { mutableStateOf(data.voteItems) }
     val hasVoted = voteItems.any { it.isVoted }
 
     val isLocked = data.isLocked
+    val isWriter = data.isWriter
 
     Column(
         modifier = modifier
@@ -91,12 +93,16 @@ fun VoteCommentCard(
             isLiked = isLiked,
             likeCount = data.likeCount,
             commentCount = data.commentCount,
+            isPinVisible = isWriter,
             onLikeClick = {
                 if (!isLocked) isLiked = !isLiked
             },
             onCommentClick = {
                 if (!isLocked) onCommentClick()
             },
+            onPinClick = {
+                if (!isLocked) onPinClick()
+            }
         )
     }
 }

app/src/main/java/com/texthip/thip/ui/group/note/screen/GroupNoteScreen.kt

@@ -38,6 +38,7 @@ import com.texthip.thip.ui.common.buttons.ExpandableFloatingButton
 import com.texthip.thip.ui.common.buttons.FabMenuItem
 import com.texthip.thip.ui.common.buttons.FilterButton
 import com.texthip.thip.ui.common.header.HeaderMenuBarTab
+import com.texthip.thip.ui.common.modal.DialogPopup
 import com.texthip.thip.ui.common.modal.ToastWithDate
 import com.texthip.thip.ui.common.topappbar.DefaultTopAppBar
 import com.texthip.thip.ui.group.note.component.CommentBottomSheet
@@ -80,6 +81,8 @@ fun GroupNoteScreen() {
 
     var isMenuBottomSheetVisible by rememberSaveable { mutableStateOf(false) }
 
+    var isPinDialogVisible by remember { mutableStateOf(false) }
+
     var showToast by remember { mutableStateOf(false) }
 
     // 토스트 3초
@@ -91,7 +94,7 @@ fun GroupNoteScreen() {
     }
 
     Box(
-        if (isCommentBottomSheetVisible || isMenuBottomSheetVisible) {
+        if (isCommentBottomSheetVisible || isMenuBottomSheetVisible || isPinDialogVisible) {
             Modifier
                 .fillMaxSize()
                 .blur(5.dp)
@@ -206,6 +209,9 @@ fun GroupNoteScreen() {
                                     onLongPress = {
                                         selectedItemForMenu = item
                                         isMenuBottomSheetVisible = true
+                                    },
+                                    onPinClick = {
+                                        isPinDialogVisible = true
                                     }
                                 )
 
@@ -219,6 +225,9 @@ fun GroupNoteScreen() {
                                     onLongPress = {
                                         selectedItemForMenu = item
                                         isMenuBottomSheetVisible = true
+                                    },
+                                    onPinClick = {
+                                        isPinDialogVisible = true
                                     }
                                 )
                             }
@@ -330,6 +339,26 @@ fun GroupNoteScreen() {
             }
         )
     }
+
+    if (isPinDialogVisible) {
+        Box(
+            modifier = Modifier
+                .fillMaxSize(),
+            contentAlignment = Alignment.Center
+        ) {
+            DialogPopup(
+                title = stringResource(R.string.pin_modal_title),
+                description = stringResource(R.string.pin_modal_content),
+                onConfirm = {
+                    // 핀하기 로직
+                    isPinDialogVisible = false
+                },
+                onCancel = {
+                    isPinDialogVisible = false
+                }
+            )
+        }
+    }
 }
 
 @Preview

app/src/main/res/values/strings.xml

@@ -203,6 +203,8 @@
     <string name="no_my_record_subtext">나의 첫번째 기록을 남겨보세요</string>
     <string name="no_comments_yet">아직 댓글이 없어요.</string>
     <string name="no_comment_subtext">첫번째 댓글을 남겨보세요</string>
+    <string name="pin_modal_title">이 기록을 피드에 핀할까요?</string>
+    <string name="pin_modal_content">핀하면 내 피드에 글을 옮길 수 있어요.</string>
 
     <!--    alarm    -->
     <string name="alarm_feed">피드</string>