Show tooltip for clickable authors in blogs

to explain that clicking them will open their blog.

briar-desktop/src/main/kotlin/org/briarproject/briar/desktop/blog/BlogPostView.kt

@@ -68,6 +68,7 @@ import org.briarproject.briar.desktop.ui.HorizontalDivider
 import org.briarproject.briar.desktop.ui.Tooltip
 import org.briarproject.briar.desktop.ui.TrustIndicatorShort
 import org.briarproject.briar.desktop.utils.InternationalizationUtils.i18n
+import org.briarproject.briar.desktop.utils.InternationalizationUtils.i18nF
 import org.briarproject.briar.desktop.utils.PreviewUtils.preview
 import org.briarproject.briar.desktop.utils.TimeUtils.getFormattedTimestamp
 import org.briarproject.briar.desktop.utils.UiUtils.getContactDisplayName
@@ -166,6 +167,10 @@ private fun BlogPostViewHeader(
                 onAuthorClicked = if (onAuthorClicked == null) null else {
                     { onAuthorClicked(item.header.groupId) }
                 },
+                authorClickTooltip = if (onAuthorClicked == null) null else {
+                    val name = getContactDisplayName(item.header.author.name, item.header.authorInfo.alias)
+                    i18nF("blog.open.from.author", name)
+                },
             )
             if (item is BlogCommentItem) {
                 val postHeader = item.postHeader
@@ -176,6 +181,9 @@ private fun BlogPostViewHeader(
                     onAuthorClicked = if (onAuthorClicked == null) null else {
                         { onAuthorClicked(item.postHeader.groupId) }
                     },
+                    authorClickTooltip = if (onAuthorClicked == null) null else {
+                        i18nF("blog.open.from.author", item.postHeader.author.name)
+                    },
                 )
             }
         }
@@ -188,11 +196,13 @@ private fun BlogPostViewHeader(
     }
 }
 
+@OptIn(ExperimentalFoundationApi::class)
 @Composable
 private fun RepeatAuthorView(
     item: BlogPost,
     modifier: Modifier = Modifier,
     onAuthorClicked: (() -> Unit)?,
+    authorClickTooltip: String? = null,
 ) {
     val author = item.author
     val authorInfo = item.authorInfo
@@ -201,10 +211,13 @@ private fun RepeatAuthorView(
         horizontalArrangement = spacedBy(8.dp),
         verticalAlignment = CenterVertically,
         modifier = modifier,
+    ) {
+        Tooltip(
+            text = authorClickTooltip ?: "",
+            modifier = Modifier.weight(1f),
         ) {
             Row(
-            modifier = Modifier.weight(1f)
-                .modifyIf(onAuthorClicked != null, Modifier.clickable { onAuthorClicked?.invoke() }),
+                modifier = Modifier.modifyIf(onAuthorClicked != null, Modifier.clickable { onAuthorClicked?.invoke() }),
                 horizontalArrangement = spacedBy(8.dp),
                 verticalAlignment = CenterVertically,
             ) {
@@ -233,6 +246,7 @@ private fun RepeatAuthorView(
                 )
                 TrustIndicatorShort(authorInfo.status)
             }
+        }
         Text(
             text = getFormattedTimestamp(timestamp),
             textAlign = TextAlign.End,

briar-desktop/src/main/kotlin/org/briarproject/briar/desktop/ui/AuthorView.kt

@@ -18,6 +18,7 @@
 
 package org.briarproject.briar.desktop.ui
 
+import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement.spacedBy
 import androidx.compose.foundation.layout.Row
@@ -39,6 +40,7 @@ import org.briarproject.briar.desktop.utils.TimeUtils
 import org.briarproject.briar.desktop.utils.UiUtils.getContactDisplayName
 import org.briarproject.briar.desktop.utils.UiUtils.modifyIf
 
+@OptIn(ExperimentalFoundationApi::class)
 @Composable
 fun AuthorView(
     author: Author,
@@ -47,15 +49,19 @@ fun AuthorView(
     modifier: Modifier = Modifier,
     avatarSize: Dp = 27.dp,
     onAuthorClicked: (() -> Unit)? = null,
+    authorClickTooltip: String? = null,
 ) {
     Row(
         modifier = modifier,
         horizontalArrangement = spacedBy(8.dp),
         verticalAlignment = CenterVertically,
+    ) {
+        Tooltip(
+            text = authorClickTooltip ?: "",
+            modifier = Modifier.weight(1f),
         ) {
             Row(
-            modifier = Modifier.weight(1f)
-                .modifyIf(onAuthorClicked != null, Modifier.clickable { onAuthorClicked?.invoke() }),
+                modifier = Modifier.modifyIf(onAuthorClicked != null, Modifier.clickable { onAuthorClicked?.invoke() }),
                 horizontalArrangement = spacedBy(8.dp),
                 verticalAlignment = CenterVertically,
             ) {
@@ -69,6 +75,7 @@ fun AuthorView(
                 )
                 TrustIndicatorShort(authorInfo.status)
             }
+        }
         Text(
             text = TimeUtils.getFormattedTimestamp(timestamp),
             textAlign = TextAlign.End,

briar-desktop/src/main/resources/strings/BriarDesktop.properties

@@ -222,6 +222,7 @@ blog.empty.state=No posts to show
 blog.post.reply.intro=Reblog this post:
 blog.post.hint=Type your blog post
 blog.post.reply.hint=Add a comment (optional)
+blog.open.from.author=Open blog of {0}
 
 # Introduction
 introduction.introduce=Make Introduction