add:comment modal

app/src/main/java/com/aiosman/riderpro/PagingSimple.kt

@@ -24,11 +24,16 @@ import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.Build
 import androidx.compose.material3.CircularProgressIndicator
+import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Icon
 import androidx.compose.material3.LocalTextStyle
+import androidx.compose.material3.ModalBottomSheet
 import androidx.compose.material3.Text
 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
@@ -267,8 +272,18 @@ fun MomentOperateBtn(@DrawableRes icon: Int, count: String) {
     }
 }
 
+@OptIn(ExperimentalMaterial3Api::class)
 @Composable
 fun MomentBottomOperateRowGroup(modifier: Modifier) {
+    var showCommentModal by remember { mutableStateOf(false) }
+    if (showCommentModal) {
+        ModalBottomSheet(
+            onDismissRequest = { showCommentModal = false },
+            containerColor = Color.White
+        ) {
+            CommentModalContent()
+        }
+    }
     Row(
         modifier = Modifier
             .fillMaxWidth()
@@ -281,7 +296,9 @@ fun MomentBottomOperateRowGroup(modifier: Modifier) {
             MomentOperateBtn(icon = R.drawable.rider_pro_like, count = "21")
         }
         Box(
-            modifier = modifier,
+            modifier = modifier.clickable {
+                showCommentModal = true
+            },
             contentAlignment = Alignment.Center
         ) {
             MomentOperateBtn(icon = R.drawable.rider_pro_moment_comment, count = "43")