Replaced call up/down arrow drawables with Material Design icons

app/src/main/kotlin/com/tutpro/baresip/CallDetailsScreen.kt

@@ -5,7 +5,6 @@ import android.media.AudioAttributes
 import android.media.MediaPlayer
 import android.text.format.DateUtils
 import android.widget.Toast
-import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
@@ -26,6 +25,8 @@ import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
+import androidx.compose.material.icons.automirrored.filled.CallMade
+import androidx.compose.material.icons.automirrored.filled.CallReceived
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
@@ -39,10 +40,8 @@ import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.colorResource
-import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
@@ -171,11 +170,12 @@ private fun Details(ctx: Context, details: ArrayList<Details>) {
     ) {
         items(details) { detail ->
             Row(verticalAlignment = Alignment.CenterVertically) {
-                Image(
+                Icon(
-                    painter = painterResource(
+                    imageVector = if (callUp(detail.direction))
-                        if (callUp(detail.direction)) R.drawable.call_up else R.drawable.call_down
+                        Icons.AutoMirrored.Filled.CallMade
-                    ),
+                    else
-                    colorFilter = ColorFilter.tint(colorResource(id = callTint(detail.direction))),
+                        Icons.AutoMirrored.Filled.CallReceived,
+                    tint = colorResource(id = callTint(detail.direction)),
                     contentDescription = "Direction",
                     modifier = Modifier.width(64.dp)
                         .clickable {

app/src/main/kotlin/com/tutpro/baresip/CallsScreen.kt

@@ -4,7 +4,6 @@ import android.content.Context
 import android.content.Intent
 import androidx.activity.compose.BackHandler
 import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.combinedClickable
@@ -29,6 +28,8 @@ import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
+import androidx.compose.material.icons.automirrored.filled.CallMade
+import androidx.compose.material.icons.automirrored.filled.CallReceived
 import androidx.compose.material.icons.filled.AccountCircle
 import androidx.compose.material.icons.filled.Menu
 import androidx.compose.material3.ExperimentalMaterial3Api
@@ -50,11 +51,9 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.draw.scale
-import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.colorResource
-import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
@@ -404,11 +403,13 @@ private fun Calls(
                                 recordings = true
                             if (count > 3)
                                 continue
-                            Image(
+                            Icon(
-                                painter = painterResource(
+                                imageVector = if (callUp(d.direction))
-                                    if (callUp(d.direction)) R.drawable.call_up else R.drawable.call_down
+                                    Icons.AutoMirrored.Filled.CallMade
-                                ),
+                                else
-                                colorFilter = ColorFilter.tint(colorResource(id = callTint(d.direction))),
+                                    Icons.AutoMirrored.Filled.CallReceived,
+                                modifier = Modifier.size(20.dp),
+                                tint = colorResource(id = callTint(d.direction)),
                                 contentDescription = "Direction"
                             )
                             count++

app/src/main/res/drawable/call_down.xml

@@ -1,9 +0,0 @@
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="20dp"
-    android:height="20dp"
-    android:viewportWidth="960"
-    android:viewportHeight="960" >
-  <path
-      android:fillColor="@android:color/white"
-      android:pathData="M232.35,775.65L232.35,428.65L315.35,428.65L315.35,634L714.85,234.5L773.5,293.15L374,692.65L579.35,692.65L579.35,775.65L232.35,775.65Z"/>
-</vector>

app/src/main/res/drawable/call_up.xml

@@ -1,9 +0,0 @@
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="20dp"
-    android:height="20dp"
-    android:viewportWidth="960"
-    android:viewportHeight="960" >
-    <path
-        android:fillColor="@android:color/white"
-        android:pathData="M243,727.65L184.35,669L583.85,269.5L378.5,269.5L378.5,186.5L725.5,186.5L725.5,533.5L642.5,533.5L642.5,328.15L243,727.65Z"/>
-</vector>