From fb62f910c91d0b705363f15dd27ffafa5f9e0fb3 Mon Sep 17 00:00:00 2001
From: Eric85710 <ericchen87887@gmail.com>
Date: Thu, 11 Jun 2026 05:39:19 +0800
Subject: [PATCH] dm-118

---
 .../Message/UI/Detail/Message_Messaging.kt    | 34 ++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging.kt b/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging.kt
index 0ad227d..2c1bb79 100644
--- a/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging.kt
+++ b/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging.kt
@@ -98,6 +98,7 @@ import androidx.compose.foundation.layout.statusBars // 如果要使用 statusBa
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material.icons.filled.ArrowBack
 import androidx.compose.material.icons.filled.Call
+import androidx.compose.material.icons.filled.MoreVert
 
 
 //bottom bar state
@@ -297,7 +298,6 @@ fun MessageMessaging(
                                     // 這裡觸發語音通話的邏輯，例如：viewModel.startVoiceCall(roomId)
                                 },
                                 modifier = Modifier
-                                    .padding(end = 6.dp) // 讓按鈕離螢幕右邊邊緣有一點呼吸空間
                                     .size(48.dp) // 給予標準的點擊區域大小
                             ) {
                                 Icon(
@@ -308,6 +308,38 @@ fun MessageMessaging(
                                 )
                             }
                         }
+
+                        //voice call button
+                        Box(
+                            contentAlignment = Alignment.Center,
+                            modifier = Modifier
+                                .width(58.dp)
+                                .height(58.dp)
+                                .background(
+                                    color = MaterialTheme.colorScheme.primary,
+                                    shape = topBarShape
+                                )
+                                .border(
+                                    width = 0.5.dp,
+                                    color = Color.White.copy(alpha = 0.4f),
+                                    shape = topBarShape
+                                )
+                        ) {
+                            IconButton(
+                                onClick = {
+                                    // 這裡觸發語音通話的邏輯，例如：viewModel.startVoiceCall(roomId)
+                                },
+                                modifier = Modifier
+                                    .size(48.dp) // 給予標準的點擊區域大小
+                            ) {
+                                Icon(
+                                    imageVector = Icons.Default.MoreVert, // 👈 這裡使用 Material Design 的預設電話圖標，也可以換成 Icons.Rounded.Phone
+                                    contentDescription = "語音通話",
+                                    tint = Color.White, // 👈 顏色可以根據你的漸層背景調整，如果是亮色背景可改用 MaterialTheme.colorScheme.onBackground
+                                    modifier = Modifier.size(28.dp) // Icon 實際的大小
+                                )
+                            }
+                        }
                     }
                 }
             }