tor-browser

commit 4feeb095caf5e90f1c5485eaa97802a79a85e398
parent 2ae1f29444bfb772c6824debd877a09d546a3882
Author: Devota Aabel <daabel@mozilla.com>
Date:   Sat,  6 Dec 2025 01:03:10 +0000

Bug 2004481- Update recently synced tabs on homepage to match new card style. r=gl,android-reviewers

Differential Revision: https://phabricator.services.mozilla.com/D275314

Diffstat:
M
mobile/android/fenix/app/src/main/java/org/mozilla/fenix/home/recentsyncedtabs/view/RecentSyncedTab.kt
 | 
18
+++++++++---------

1 file changed, 9 insertions(+), 9 deletions(-)
diff --git a/mobile/android/fenix/app/src/main/java/org/mozilla/fenix/home/recentsyncedtabs/view/RecentSyncedTab.kt b/mobile/android/fenix/app/src/main/java/org/mozilla/fenix/home/recentsyncedtabs/view/RecentSyncedTab.kt
@@ -18,9 +18,7 @@ import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
-import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.ButtonDefaults
-import androidx.compose.material3.Card
 import androidx.compose.material3.CardDefaults
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
@@ -53,6 +51,8 @@ import org.mozilla.fenix.R
 import org.mozilla.fenix.compose.Image
 import org.mozilla.fenix.compose.ThumbnailCard
 import org.mozilla.fenix.home.recentsyncedtabs.RecentSyncedTab
+import org.mozilla.fenix.home.topsites.ui.HomepageCard
+import org.mozilla.fenix.home.topsites.ui.homepageCardImageShape
 import org.mozilla.fenix.theme.FirefoxTheme
 import mozilla.components.ui.icons.R as iconsR
 
@@ -87,25 +87,23 @@ fun RecentSyncedTab(
         onRemoveSyncedTab(recentSyncedTab)
     }
 
-    Card(
+    HomepageCard(
         modifier = Modifier
             .fillMaxWidth()
             .combinedClickable(
                 onClick = { tab?.let { onRecentSyncedTabClick(tab) } },
                 onLongClick = { isDropdownExpanded = true },
             ),
-        shape = RoundedCornerShape(8.dp),
         colors = CardDefaults.cardColors(containerColor = backgroundColor),
-        elevation = CardDefaults.cardElevation(defaultElevation = 6.dp),
     ) {
-        Column(modifier = Modifier.padding(16.dp)) {
+        Column(modifier = Modifier.padding(FirefoxTheme.layout.space.static200)) {
             Row(modifier = Modifier.height(IntrinsicSize.Min)) {
                 if (tab == null) {
                     RecentTabImagePlaceholder()
                 } else {
                     val imageModifier = Modifier
                         .size(108.dp, 80.dp)
-                        .clip(RoundedCornerShape(8.dp))
+                        .clip(homepageCardImageShape)
 
                     if (tab.previewImageUrl != null) {
                         Image(
@@ -143,7 +141,9 @@ fun RecentSyncedTab(
                         )
                     }
 
-                    Row(verticalAlignment = Alignment.CenterVertically) {
+                    Row(
+                        verticalAlignment = Alignment.CenterVertically,
+                    ) {
                         if (tab == null) {
                             Box(
                                 modifier = Modifier
@@ -212,7 +212,7 @@ private fun RecentTabImagePlaceholder() {
     Box(
         modifier = Modifier
             .size(108.dp, 80.dp)
-            .clip(RoundedCornerShape(8.dp))
+            .clip(homepageCardImageShape)
             .background(color = MaterialTheme.colorScheme.surfaceContainerHighest),
     )
 }