More "not available" dialogs in Profile, fix click on author mention

Author: JoseAlcerreca

Jetchat/app/src/main/java/com/example/compose/jetchat/conversation/ConversationUiState.kt

@@ -40,5 +40,5 @@ data class Message(
     val content: String,
     val timestamp: String,
     val image: Int? = null,
-    val authorImage: Int = if (author =="me") R.drawable.ali else R.drawable.someone_else
+    val authorImage: Int = if (author == "me") R.drawable.ali else R.drawable.someone_else
 )

Jetchat/app/src/main/java/com/example/compose/jetchat/conversation/UserInput.kt

@@ -325,7 +325,6 @@ private fun UserInputSelector(
             onClick = onMessageSent,
             colors = buttonColors,
             border = border,
-            // TODO: Workaround for https://issuetracker.google.com/158830170
             contentPadding = PaddingValues(0.dp)
         ) {
             Text(
@@ -496,7 +495,6 @@ fun ExtendedSelectorInnerButton(
         shape = MaterialTheme.shapes.medium,
         enabled = selected,
         colors = colors,
-        // TODO: Workaround for https://issuetracker.google.com//158830170
         contentPadding = PaddingValues(0.dp)
     ) {
         Text(

Jetchat/app/src/main/java/com/example/compose/jetchat/profile/Profile.kt

@@ -44,7 +44,11 @@ import androidx.compose.material.icons.outlined.Create
 import androidx.compose.material.icons.outlined.MoreVert
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.getValue
 import androidx.compose.runtime.key
+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.layout.ContentScale
@@ -54,6 +58,7 @@ import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
+import com.example.compose.jetchat.FunctionalityNotAvailablePopup
 import com.example.compose.jetchat.R
 import com.example.compose.jetchat.components.AnimatingFabContent
 import com.example.compose.jetchat.components.JetchatAppBar
@@ -68,6 +73,11 @@ import com.google.accompanist.insets.statusBarsPadding
 @Composable
 fun ProfileScreen(userData: ProfileScreenState, onNavIconPressed: () -> Unit = { }) {
 
+    var functionalityNotAvailablePopupShown by remember { mutableStateOf(false) }
+    if (functionalityNotAvailablePopupShown) {
+        FunctionalityNotAvailablePopup { functionalityNotAvailablePopupShown = false }
+    }
+
     val scrollState = rememberScrollState()
 
     Column(modifier = Modifier.fillMaxSize()) {
@@ -84,7 +94,7 @@ fun ProfileScreen(userData: ProfileScreenState, onNavIconPressed: () -> Unit = {
                     Icon(
                         imageVector = Icons.Outlined.MoreVert,
                         modifier = Modifier
-                            .clickable(onClick = {}) // TODO: Show not implemented dialog.
+                            .clickable(onClick = { functionalityNotAvailablePopupShown = true })
                             .padding(horizontal = 12.dp, vertical = 16.dp)
                             .height(24.dp),
                         contentDescription = stringResource(id = R.string.more_options)